jQuery load() Metoda
JQuery load() Metoda jest prosta, ale skuteczna metoda AJAX.
W load() Dane ładunki metoda z serwera i umieszcza zwracanych danych do wybranego elementu.
Składnia:
$(selector).load(URL,data,callback);
Wymagany parametr URL określa adres URL, który chcesz załadować.
Opcjonalny parametr danych określa zestaw querystring par klucz / wartość, aby wysłać wraz z wnioskiem.
Opcjonalny parametr callback to nazwa funkcji mają być wykonane po load() Metoda jest zakończona.
Oto treść naszego przykładowego pliku: "demo_test.txt" :
<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>Poniższy przykład wczytuje zawartość pliku "demo_test.txt" do określonego <div> elementu:
Jest również możliwe dodanie do selektora jQuery parametr URL.
Poniższy przykład wczytuje zawartość elementu o id="p1" , wewnątrz pliku "demo_test.txt" , do określonego <div> element:
Opcjonalny parametr callback określa funkcję zwrotną do uruchomienia gdy load() Metoda jest zakończona. Funkcja zwrotna może mieć różne parametry:
- responseTxt - zawiera wynikowy zawartości jeśli wywołanie się powiedzie
- statusTxt - zawiera status połączenia
- xhr - zawiera XMLHttpRequest obiektu
Poniższy przykład wyświetla wiadomość po load() kończy metodą. Jeśli load() Metoda udało, to wyświetla "External content loaded successfully!" , A jeśli nie wyświetla się komunikat o błędzie:
Przykład
$("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);
});
}); Spróbuj sam " jQuery AJAX referencyjny
Aby uzyskać pełny przegląd wszystkich metod jQuery AJAX, przejdź do naszej jQuery AJAX Reference .