En son web geliştirme öğreticiler
 

jQuery - AJAX load() Method


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:

Örnek

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

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ı:

Örnek

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

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 .