Metoda AJAX load() jQuery

Metoda load() jQuery

Metoda load() jQuery jest prostą, ale potężną metodą AJAX.

Metoda load() ładuje dane z serwera i umieszcza zwrócone dane w wybranym elemencie.

Gramatyka:

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

Wymagany URL Parametr określa URL, który chcemy załadować.

Opcjonalny data Parametr określa zestaw klucz-wartości zapytań wysyłanych razem z żądaniem.

Opcjonalny callback Parametr to nazwa funkcji wykonywanej po zakończeniu metody load().

Oto zawartość pliku przykładowego ("demo_test.txt"):

<h2>jQuery i AJAX to FUN!!!</h2>
<p id="p1">To jest pewien tekst w akapicie.</p>

Poniższy przykład załaduje zawartość pliku "demo_test.txt" do określonego elementu <div>:

Przykład

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

Spróbuj sam

Można również dodać jQuery selector do parametrów URL.

Poniższy przykład załaduje zawartość elementu o id="p1" z pliku "demo_test.txt" do określonego elementu <div>:

Przykład

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

Spróbuj sam

Opcjonalny parametr callback określa funkcję wywoływane po zakończeniu metody load(). Funkcja ta może ustawiać różne parametry:

  • responseTxt - Zawiera wynik wywołania w przypadku sukcesu
  • statusTXT - Zawiera stan wywołania
  • xhr - Zawiera obiekt XMLHttpRequest

Poniższy przykład wyświetli okno dialogowe po zakończeniu metody load(). Jeśli metoda load() zakończy się sukcesem, wyświetli "Zewnętrzna zawartość załadowana pomyślnie!", a jeśli nie, wyświetli komunikat o błędzie:

Przykład

$("button").click(function(){
  $("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
    if(statusTxt=="success")
      alert("Zewnętrzne zawartość załadowana pomyślnie!");
    if(statusTxt=="error")
      alert("Błąd: "+xhr.status+": "+xhr.statusText);
  });
});

Spróbuj sam

Książka referencyjna jQuery AJAX

Aby uzyskać pełną dokumentację metod AJAX, odwiedź naszą Książka referencyjna jQuery AJAX。