jQuery load() Metoda
JQuery de load() metoda este un simplu, dar puternic metoda AJAX.
De load() încarcă metoda de date de la un server și pune datele returnate în elementul selectat.
Syntax:
$( selector ) . load( URL,data,callback ) ;
Parametrul URL-ul necesar specifica URL-ul pe care doriți să încărcați.
Parametrul de date opțional specifică un set de querystring perechi cheie / valoare pentru a trimite , împreună cu solicitarea.
Parametrul opțional de apel invers este numele unei funcții care urmează să fie executată după load() metoda este finalizată.
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>Exemplul următor încarcă conținutul fișierului "demo_test.txt" într - un anumit <div> Element:
De asemenea, este posibil să se adauge un selector jQuery la parametrul URL.
Exemplul următor încarcă conținutul elementului cu id="p1" , în interiorul fișierului "demo_test.txt" , într - un anumit <div> Element:
Parametrul de apel invers opțional specifică o funcție de apel invers pentru a rula atunci când load() metoda este finalizată. Funcția de apel invers poate avea parametri diferiți:
- responseTxt - conține conținutul rezultat în cazul în care apelul reușește
- statusTxt - conține starea apelului
- xhr - conține XMLHttpRequest obiect
Următorul exemplu afișează o casetă de avertizare după load() metoda completează. În cazul în care de load() metoda a reușit, se afișează "External content loaded successfully!" cu "External content loaded successfully!" , Iar în cazul în care acesta nu afișează un mesaj de eroare:
Exemplu
$("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);
});
}); Încearcă - l singur » jQuery AJAX de referință
Pentru o prezentare completă a tuturor metodelor jQuery AJAX, vă rugăm să mergeți la noastre jQuery AJAX de referință .