jQuery - AJAX load() Yöntemi
jQuery load() Yöntemi
jQuery load()
yöntemi basit ama güçlü bir AJAX yöntemidir.
Yöntem load()
, bir sunucudan veri yükler ve döndürülen verileri seçilen öğeye yerleştirir.
Sözdizimi:
$(selector).load(URL,data,callback);
Gerekli URL parametresi, yüklemek istediğiniz URL'yi belirtir.
İsteğe bağlı veri parametresi, istekle birlikte gönderilecek bir dizi sorgu dizisi anahtar/değer çiftini belirtir.
load()
İsteğe bağlı geri çağırma parametresi, yöntem tamamlandıktan sonra yürütülecek bir işlevin adıdır .
Örnek dosyamızın içeriği: "demo_test.txt":
<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>
Aşağıdaki örnek, "demo_test.txt" dosyasının içeriğini belirli bir <div>
öğeye yükler:
Örnek
$("#div1").load("demo_test.txt");
URL parametresine bir jQuery seçici eklemek de mümkündür.
Aşağıdaki örnek, "demo_test.txt" dosyasının içindeki id="p1" öğesinin içeriğini belirli bir <div>
öğeye yükler:
Örnek
$("#div1").load("demo_test.txt #p1");
load()
İsteğe bağlı geri arama parametresi, yöntem tamamlandığında çalıştırılacak bir geri arama işlevini belirtir
. Geri arama işlevi farklı parametrelere sahip olabilir:
responseTxt
- arama başarılı olursa ortaya çıkan içeriği içerirstatusTxt
- aramanın durumunu içerirxhr
- XMLHttpRequest nesnesini içerir
Aşağıdaki örnek, load() yöntemi tamamlandıktan sonra bir uyarı kutusu görüntüler. Yöntem başarılı olursa, load()
"Harici içerik başarıyla yüklendi!" mesajını görüntüler ve başarısız olursa bir hata mesajı görüntüler:
Örnek
$("button").click(function(){
$("#div1").load("demo_test.txt", function(responseTxt, statusTxt, xhr){
if(statusTxt == "success")
alert("External content loaded successfully!");
if(statusTxt == "error")
alert("Error: " + xhr.status + ": " + xhr.statusText);
});
});
jQuery AJAX Referansı
Tüm jQuery AJAX yöntemlerine tam bir genel bakış için lütfen jQuery AJAX Referansımıza gidin .