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 .