Metodo jQuery load()

Metodi AJAX jQuery

Il metodo load() carica dati dal server e inserisce l'HTML restituito nell'elemento selezionato.

Il metodo load() è il metodo più semplice per ottenere dati dal server. È approssimativamente equivalente a $ .get(url, data, callback), eccetto che è un metodo e non una funzione globale, e ha un callback implicito...

Metodo di richiesta:Se si desideradataSe fornito come oggetto, viene utilizzato il metodo POST. Altrimenti, si assume GET.

Sintassi:

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

Esempio

Carica il contenuto del file ajax_intro.txt nell'elemento DIV:

$("button").click(function(){
　　$("div").load("ajax_intro.txt");
});

Diversamente da $ .get(), il metodo load() ci permette di specificare una parte del documento remoto da inserire:

$("button").click(function(){
　　$("div").load("/jquery/ajax_load.html #table");
});

Carica la pagina ajax_post.php e invia alcuni altri dati:

$("button").click(function(){
　　let data = {fname: "Seagull", lname: "Anna"};
　　$("div").load("ajax_post.php", data);
});

Carica la pagina ajax_post.php, invia alcuni altri dati e visualizza un messaggio di stato di allarme:

$("button").click(function(){
　　let data = {fname: "Seagull", lname: "Anna"};
　　$("div").load("ajax_post.php", data, function(response, status){
　　　　alert(status);
　　});
});

Se la richiesta Ajax incontra un errore, visualizza una notifica:

$("button").click(function(){
　　let data = {fname: "Seagull", lname: "Anna"};
　　$("#success").load("wrong_file.php", data, function(response, status, xhr){
　　　　if(status == "error"){}}
　　　　　　let msg = "Dispiace, è capitato un errore: ";
　　　　　　$("#error").html(msg + xhr.status + " " + xhr.statusText);
　　　　}
　　});
});

Valore del parametro

Metodi AJAX jQuery