Metodo jQuery ajax()

jQuery Ajax方法

Il metodo $.ajax() esegue richieste HTTP asincrone (Ajax).

$.ajax() è il metodo di base per tutte le richieste Ajax inviate da jQuery. Di solito non è necessario chiamare direttamente questo metodo, perché è possibile$.get(),$.post()eload()e altri metodi più avanzati, più facili da usare. Ma, se si hanno bisogno di meno opzioni comuni, $.ajax() può essere utilizzato più flessibilmente.

Sintassi:

Sintassi uno：1.5+ versione：

$.ajax(url, {name:value, name:value, ...})

Sintassi due ：1.0+ versione:

$.ajax(name:value, name:value, ...)

Esempio

UtilizzandoAggiungererichiesta AJAXVersioneModificare il testo dell'elemento DIV：1.5 versione：

$.ajax("ajax_intro.txt", {success: function(response){
　　$("div").html(response);
});

UtilizzandoAggiungererichiesta AJAXVersioneModificare il testo dell'elemento DIV：1.0Versione:

$.ajax({
　　url: "ajax_intro.txt",
　　success: function(response){
　　　　$("div").html(response);
　　}
});

Richiesta della pagina "ajax_get.php" e invio di altri dati:

$.ajax({
　　url: "ajax_get.php",
　　data: {fname:"Seagull",　lname:"Anna"},
　　success: function(response){
　　　　$("div").html(response);
　　}
});

Richiesta della pagina "ajax_get.php", invio di altri dati e messaggio di avviso di stato:

$.ajax({
　　url: "ajax_get.php",
　　data: {fname:"Seagull",　lname:"Anna"},
　　success: function(response, status){
　　　　　　　　$("div").html(response);
　　　　　　　　alert(status);
　　}
});

Utilizzare il metodo HTTP POST per richiedere la pagina "ajax_post.php":

$.ajax({
　　url: "ajax_post.php",
　　method: "POST",
　　success: function(response){
　　　　　　　　$("div").html(response);
　　}
});

Utilizzare la impostazione asincrona per specificare la richiesta sincrona:

$.ajax({
　　url: "ajax_get.php",
　　async: false,
　　data: {fname:"Seagull",　lname:"Anna"},
　　success: function(response){
　　　　　　　　$("div").html(response);
　　}
});

Utilizzare il dataType per specificare il tipo di dati della richiesta:

$.ajax({
　　url: "/javascript/myscript.js",
　　dataType: "script"
});

Se la richiesta Ajax incontra un errore, viene visualizzata una notifica:

$.ajax({
　　url: "wrong_file.html",
　　success: function(response){
　　　　　　　　$("div").html(response);
　　},
　　error: function(xhr){
　　　　　　　　$("div").html("Errore: " + xhr.status + " " + xhr.statusText);
　　}
});

Richiesta del file e notifica all'utente al completamento. Se la richiesta fallisce, viene visualizzata una notifica:

let request = $.ajax({
　　url: "ajax_get.php",
　　data: {fname:"Seagull", lname:"Anna"}
});
request.done(function(msg){
　　$("div").html(msg);
});
request.fail(function(xhr, textStatus){
　　$("div").html("Request failed: " + textStatus);
});

Valore del parametro

Specifica uno o più pair name:value per la richiesta AJAX

Possibili nomi: i valori nella tabella sottostante:

$　.ajax({
　　statusCode：{
　　　　404：function(){
　　　　　　alert（“找不到页面”）;
　　　　}
　　}
)})

jQuery Ajax方法