jQuery - Metodi AJAX get() e post()
I metodi jQuery get() e post() vengono utilizzati per richiedere dati dal server con una richiesta HTTP GET o POST.
Richiesta HTTP: GET vs. POST
Due metodi comunemente usati per una richiesta-risposta tra un client e un server sono: GET e POST.
- GET - Richiede i dati da una risorsa specificata
- POST - Invia i dati da elaborare a una risorsa specificata
GET è fondamentalmente utilizzato solo per ottenere (recuperare) alcuni dati dal server. Nota: il metodo GET può restituire dati memorizzati nella cache.
POST può essere utilizzato anche per ottenere alcuni dati dal server. Tuttavia, il metodo POST non memorizza MAI i dati nella cache e viene spesso utilizzato per inviare dati insieme alla richiesta.
Per saperne di più su GET e POST e sulle differenze tra i due metodi, leggi il nostro capitolo Metodi HTTP GET vs POST .
jQuery $.get() Metodo
Il $.get()
metodo richiede dati dal server con una richiesta HTTP GET.
Sintassi:
$.get(URL,callback);
Il parametro URL richiesto specifica l'URL che desideri richiedere.
Il parametro di callback facoltativo è il nome di una funzione da eseguire se la richiesta ha esito positivo.
L'esempio seguente usa il $.get()
metodo per recuperare i dati da un file sul server:
Esempio
$("button").click(function(){
$.get("demo_test.asp", function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
Il primo parametro di $.get()
è l'URL che desideriamo richiedere ("demo_test.asp").
Il secondo parametro è una funzione di callback. Il primo parametro di richiamata mantiene il contenuto della pagina richiesta e il secondo parametro di richiamata mantiene lo stato della richiesta.
Suggerimento: ecco come appare il file ASP ("demo_test.asp"):
<%
response.write("This is some text from an external ASP file.")
%>
jQuery $.post() Metodo
Il $.post()
metodo richiede dati dal server utilizzando una richiesta HTTP POST.
Sintassi:
$.post(URL,data,callback);
Il parametro URL richiesto specifica l'URL che desideri richiedere.
Il parametro data opzionale specifica alcuni dati da inviare insieme alla richiesta.
Il parametro di callback facoltativo è il nome di una funzione da eseguire se la richiesta ha esito positivo.
L'esempio seguente usa il $.post()
metodo per inviare alcuni dati insieme alla richiesta:
Esempio
$("button").click(function(){
$.post("demo_test_post.asp",
{
name: "Donald Duck",
city: "Duckburg"
},
function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
Il primo parametro di $.post()
è l'URL che desideriamo richiedere ("demo_test_post.asp").
Quindi trasmettiamo alcuni dati da inviare insieme alla richiesta (nome e città).
Lo script ASP in "demo_test_post.asp" legge i parametri, li elabora e restituisce un risultato.
Il terzo parametro è una funzione di callback. Il primo parametro di richiamata mantiene il contenuto della pagina richiesta e il secondo parametro di richiamata mantiene lo stato della richiesta.
Suggerimento: ecco come appare il file ASP ("demo_test_post.asp"):
<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
%>
jQuery AJAX Riferimento
Per una panoramica completa di tutti i metodi jQuery AJAX, vai al nostro jQuery AJAX Reference .