jQuery load() Yöntem
JQuery load() metodu basit, ama güçlü AJAX yöntemidir.
load() metodu yüklerin bir sunucudan verileri ve seçilen elemanın içine geri veri koyar.
Syntax:
$( selector ) . load( URL,data,callback ) ;
Gerekli URL parametresi yüklemek istediğiniz URL'yi belirtir.
İsteğe bağlı veri parametresi bir dizi belirtir querystring talebi ile birlikte göndermek için anahtar / değer çiftlerini.
Isteğe bağlı geri çağırma parametresi sonra bir fonksiyonun adı yürütülecek olan load() metodu tamamlanır.
Here is the content of our example file: "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 dosya içeriğini yükler "demo_test.txt" Belli bir bölüme içine <div> öğesi:
URL parametresine bir jQuery seçici eklemek de mümkündür.
Aşağıdaki örnek ile elemanın içeriği yükler id="p1" dosyası içinde "demo_test.txt" belirli içine, <div> elemanı:
Isteğe bağlı geri çağırma parametresi çalıştırmak için bir geri arama işlevi belirtir load() metodu tamamlanır. geri çağırma işlevi farklı parametrelere sahip olabilir:
- responseTxt - çağrı başarılı olursa çıkan içeriğe sahip
- statusTxt - aramanın durumunu içeren
- xhr - içeren XMLHttpRequest nesnesi
Sonra Aşağıdaki örnek bir uyarı kutusu görüntüler load() metodu tamamlar. Eğer load() metodu başarılı oldu, bu görüntüler "External content loaded successfully!" başarısız olursa ve 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);
});
});
Kendin dene " jQuery AJAX Referans
Tüm jQuery AJAX yöntemlerin tamamını görmek için lütfen gidin lütfen jQuery AJAX Referans .