jQuery load() Metodo
Il jQuery load() metodo è un metodo di AJAX semplice, ma potente.
I load() i dati dei metodi carica da un server e mette i dati restituiti nel dell'elemento selezionato.
Sintassi:
$(selector).load(URL,data,callback);
Il parametro URL richiesto di specificare l'URL che si desidera caricare.
Il parametro di dati opzionale specifica un insieme di querystring coppie chiave / valore di inviare insieme alla richiesta.
Il parametro callback opzionale è il nome di una funzione da eseguire dopo la load() metodo è completata.
Ecco il contenuto del nostro file esempio: "demo_test.txt" :
<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>L'esempio seguente carica il contenuto del file "demo_test.txt" in una specifica <div> elemento:
È anche possibile aggiungere un selettore jQuery al parametro URL.
L'esempio seguente carica il contenuto dell'elemento con id="p1" , all'interno del file "demo_test.txt" , in una specifica <div> elemento:
Il parametro di callback opzionale specifica una funzione di callback da eseguire quando il load() il metodo è completato. La funzione di callback può avere diversi parametri:
- responseTxt - contiene il contenuto risultante se la chiamata riesce
- statusTxt - contiene lo stato della chiamata
- xhr - contiene l' XMLHttpRequest oggetto
L'esempio seguente mostra una finestra di avviso dopo il load() metodo di completamento. Se il load() metodo ha avuto successo, viene visualizzato "External content loaded successfully!" , E se non riesce viene visualizzato un messaggio di errore:
Esempio
$("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);
});
}); Prova tu stesso " jQuery AJAX di riferimento
Per una panoramica completa di tutti i metodi di jQuery AJAX, si prega di visitare il nostro jQuery AJAX di riferimento .