jQuery AJAX Fonksiyonları
jQuery, AJAX geliştirimi için zengin bir fonksiyon (metot) kütüphanesi sağlar.
jQuery AJAX Örneği
Aşağıdaki butona tıklayarak bu metni AJAX ile değiştirebilirsiniz
Aşağıdaki örneğin, bizim AJAX Eğitimideğiştirilmiştir.
AJAX nedir?
AJAX = Asenkron JavaScript ve XML.
AJAX, hızlı dinamik web sayfaları oluşturmak için bir tekniktir.
AJAX, arka planda sunucu ile az miktarda veri ileği yaparak, web sayfalarının asenkron güncellemelerini sağlar. Bu, sayfanın tamamını yeniden yüklemeksizin sayfanın bir kısmını güncelleyebileceğiniz anlamına gelir.
İlgili sayfamızda AJAX Eğitimi ile daha fazla AJAX hakkında bilgi edinin.
AJAX ve jQuery
jQuery, AJAX geliştirimi için zengin bir fonksiyon (metot) kütüphanesi sağlar.
jQuery AJAX ile, HTTP Get ve HTTP Post kullanarak, uzaktan sunucudan TXT, HTML, XML veya JSON talep edebilirsiniz.
Ve doğrudan uzak verileri seçili HTML elementine yükleyebilirsiniz!
Daha az yaz, daha fazla yap
jQuery'nin load fonksiyonu, basit (ama güçlü) bir AJAX fonksiyonudur. Grameri şu şekildedir:
$(selector).load(url,data,callback)
Kullanın selector Değiştirilmesini istediğiniz HTML elementini tanımlamak için url ParametrelerWeb adresini belirlemek için
Parametreler. Sunucuya veri göndermek istediğinizde kullanılır. data Parametreler. Sadece işlem tamamlandıktan sonra bir fonksiyon tetiklemek gerektiğinde kullanılır. callback Parametreler
Düşük Seviye AJAX
$.ajax(options) Düşük seviye AJAX fonksiyonlarının dilbilgisi.
$.ajax, üst düzey fonksiyonlardan daha fazla özellik sunar, ancak aynı zamanda daha zor kullanılır.
Seçenek Parametreler name|value çiftleri olarak ayarlanır, url verileri, parola, veri türü, filtre, karakter kümesi, zaman aşımı ve hata fonksiyonunu tanımlar.
jQuery AJAX İstekleri
İstek | Açıklama |
---|---|
$(selector).load(url,data,callback) | Uzak verileri seçili elemente yükleyin |
$.ajax(options) | Uzak verileri XMLHttpRequest nesnesine yükleyin |
$.get(url,data,callback,type) | Uzak verileri HTTP GET ile yükleyin |
$.post(url,data,callback,type) | Uzak verileri HTTP POST ile yükleyin |
$.getJSON(url,data,callback) | Uzak JSON verilerini HTTP GET ile yükleyin |
$.getScript(url,callback) | Uzak JavaScript dosyasını yükleyip çalıştırma |
(url) Yüklenen verilerin URL'si (adres)
(data) Sunucuya gönderilen verilerin anahtar/değer nesnesi
(callback) Veri yüklendiğinde çalıştırılan fonksiyon
(type) Dönüştürülen veri türü (html,xml,json,jasonp,script,text)
(options) Tam AJAX istemlerinin tüm anahtar/değer seçenekleri
Referans El Kitabı
jQuery AJAX fonksiyonları hakkında daha fazla bilgi için, bizim jQuery AJAX Referans Kılavuzu.