jQuery AJAX load() method

jQuery load() method

jQuery load() method is a simple but powerful AJAX method.

load() method, data from the server loads and places the returned data in the selected element.

Grammar:

$("}}).load(URL,data,callback);

Gerekli URL Parametre, yüklemek istediğiniz URL'i belirler.

Opsiyonel data Parametre, istekte birlikte gönderilen sorgu dizgisi anahtar/değer çiftleri koleksiyonunu belirler.

Opsiyonel callback Parametre, load() yöntemi tamamlandıktan sonra çalıştırılacak fonksiyonun adıdır.

Bu, örnek dosyası ("demo_test.txt") içeriğidir:

<h2>jQuery ve AJAX Eğlencelidir!!!</h2>
<p id="p1">Bu, bir paragraf içindeki bazı metinlerdir.</p>

Aşağıdaki örnek, "demo_test.txt" dosyasının içeriğini belirtilen <div> elementine yükler:

Örnek

$("#div1").load("demo_test.txt");

Kişisel olarak deneyin

Ayrıca URL parametrelerine jQuery seçicisi ekleyebilirsiniz.

Aşağıdaki örnek, "demo_test.txt" dosyasında id="p1" olan elementin içeriğini belirtilen <div> elementine yükler:

Örnek

$("#div1").load("demo_test.txt #p1");

Kişisel olarak deneyin

Opsiyonel callback parametresi, load() yöntemi tamamlandıktan sonra hangi geri çağrı fonksiyonunun çalıştırılacağını belirtir. Geri çağrı fonksiyonu farklı parametreler ayarlayabilir:

  • responseTxt - Çağrı başarılı olduğunda sonuç içeriğini içerir
  • statusTXT - Çağrı durumunu içerir
  • xhr - XMLHttpRequest nesnesi içerir

Aşağıdaki örnek, load() yöntemi tamamlandıktan sonra bir uyarı penceresi görüntüler. load() yöntemi başarılıysa, "Dış içerik başarıyla yüklendi!" görüntülenir, başarısızsa hata mesajı görüntülenir:

Örnek

$("button").click(function(){
  $("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
    if(statusTxt=="success")
      alert("Dış içerik başarıyla yüklendi!");
    if(statusTxt=="error")
      alert("Hata: "+xhr.status+": "+xhr.statusText);
  });
});

Kişisel olarak deneyin

jQuery AJAX Kaynak Kılavuzu

Tam AJAX yöntem referanslarına tam erişim için lütfen jQuery AJAX Kaynak Kılavuzu。