Metodo get() jQuery ajax

Manuale di riferimento jQuery Ajax

Esempio

Modifica il testo dell'elemento div utilizzando una richiesta GET AJAX:

$("button").click(function(){
  $.get("demo_ajax_load.txt", function(result){
    $("div").html(result);
  });
});

Prova a farlo tu stesso

Definizione e utilizzo

Il metodo get() carica le informazioni tramite una richiesta HTTP GET remota.

Questa è una funzione GET semplice per sostituire $.ajax complessa. Se la richiesta è riuscita, si può chiamare la funzione di callback. Se si desidera eseguire una funzione in caso di errore, utilizzare $.ajax.

sintassi

$(selettore).get()url,data,success(response,status,xhr,dataType)
Parametri Descrizione
url Obbligatorio. Specifica quale URL inviare la richiesta.
data Opzionale. Specifica i dati inviati con la richiesta al server.
success(response,status,xhr)

Opzionale. Specifica la funzione da eseguire quando la richiesta ha successo.

Parametri aggiuntivi:

  • response - Contiene i dati di risultato della richiesta
  • status - Contiene lo stato della richiesta
  • xhr - Contiene l'oggetto XMLHttpRequest
dataType

Opzionale. Specifica il tipo di dati che si prevede che il server risponderà.

Per default, jQuery giudica intelligentemente.

Tipi possibili:

  • "xml"
  • "html"
  • "text"
  • "script"
  • "json"
  • "jsonp"

Descrizione

Questa funzione è una versione abbreviata della funzione Ajax, equivalente a:

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

In base al diverso tipo MIME della risposta, i dati restituiti al callback di successo possono essere diversi, tra cui l'elemento root XML, la stringa di testo, il file JavaScript o l'oggetto JSON. È anche possibile passare lo stato di testo della risposta al callback di successo.

Per jQuery 1.4, è anche possibile passare l'oggetto XMLHttpRequest al callback di successo.

Esempio

Richiesta della pagina web test.php, ignora il valore di ritorno:

$.get("test.php");

Più esempi

Esempio 1

Richiesta della pagina web test.php, trasmetti 2 parametri, ignora il valore di ritorno:

$.get("test.php", { name: "Bill", time: "2pm" } );

Esempio 2

Visualizza il valore di ritorno di test.php (HTML o XML, a seconda del valore di ritorno):

$.get("test.php", function(data){
  alert("Data caricati: " + data);
});

Esempio 3

Visualizza il valore di ritorno di test.cgi (HTML o XML, a seconda del valore di ritorno), aggiungi un elenco di parametri di richiesta:

$.get("test.cgi", { name: "Bill", time: "2pm" },
  function(data){
    alert("Data caricati: " + data);
  });

Manuale di riferimento jQuery Ajax