Latest web development tutorials

Metodo di carico AJAX () - jQuery

metodo load jQuery ()

metodo load jQuery () è un metodo AJAX semplice ma potente.

metodo load () per caricare dati dal server, e il ritorno dei dati nell'elemento selezionato.

sintassi:

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

parametriURLnecessari per un URL predeterminato che si desidera caricare.

parametro di stringa di query specifica idatifacoltativi chiave inviati insieme alle coppie di richiesta / valore.

Il parametrocallbackopzionale è il nome della funzione dopo il metodo load () per completare l'esecuzione.

Questo è un esempio del contenuto del file ( "demo_test.txt") di:

<h2>jQuery AJAX 是个非常棒的功能!</h2>
<p id="p1">这是段落的一些文本。</p>

Il seguente esempio file "demo_test.txt" il contenuto viene caricato nel elemento <div> specificato:

Esempi

$ ( "# Div1") del carico ( "demo_test.txt") .;

Prova »

È inoltre possibile aggiungere il selettore jQuery per il parametro URL.

L'elemento = "p1" seguente file di esempio contenuti "demo_test.txt" id, viene caricato in l'elemento <div> specificato:

Esempi

$ ( "# Div1") del carico ( "demo_test.txt # p1") .;

Prova »

Il parametro di callback opzionale specifica quando il metodo load () dopo il completamento per consentire funzione di callback. La funzione di callback può impostare diversi parametri:

  • responseTxt -contiene il risultato del contenuto della chiamata riesce
  • statusTXT -contiene lo stato della chiamata
  • XHR -contiene l'oggetto XMLHttpRequest

Il seguente esempio dopo il metodo load () per completare la visualizzazione di una finestra di dialogo. Se il metodo load () ha avuto successo, mostrerà "contenuti esterni caricato correttamente!", E se fallisce, viene visualizzato un messaggio di errore:

Esempi

$("button").click(function(){
$("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("外部内容加载成功!");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
});

Prova »