jQuery ajax - get() Methode

Beispiel

Verwenden Sie AJAX-GET-Anfragen, um den Text des div-Elements zu ändern:

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

Probieren Sie es selbst aus

Definition und Verwendung

Die Methode get() lädt Informationen über eine entfernte HTTP-GET-Anfrage.

Dies ist eine einfache GET-Anfrage-Funktion, um komplexe $.ajax zu ersetzen. Bei Erfolg kann die Callback-Funktion aufgerufen werden. Wenn eine Funktion bei Fehlern ausgeführt werden muss, verwenden Sie $.ajax.

语法

$(selector).get()}}url,data,success(response,status,xhr),dataType)
Parameter Description
url Erforderlich. Definiert, welche URL angefordert wird.
data Optional. Definiert die Daten, die zusammen mit der Anfrage an den Server gesendet werden.
success(response,status,xhr)

Optional. Definiert die Funktion, die bei Erfolg der Anfrage ausgeführt wird.

Zusätzliche Parameter:

  • response - Enthält die Daten des Ergebnisses der Anfrage
  • status - Enthält den Status der Anfrage
  • xhr - Enthält das XMLHttpRequest-Objekt
dataType

Optional. Definiert die erwartete Datenart der Serverantwort.

Standardmäßig erkennt jQuery intelligent.

Mögliche Typen:

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

Detailed Description

Diese Funktion ist eine abgekürzte Ajax-Funktion, äquivalent zu:

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

Abhängig von der verschiedenen MIME-Typen der Antwort werden unterschiedliche Daten an die success-Rückruffunktion übergeben, diese können XML-Root-Elemente, Textzeichenfolgen, JavaScript-Dateien oder JSON-Objekte sein. Es kann auch der Textstatus der Antwort an die success-Rückruffunktion übergeben werden.

Für jQuery 1.4 kann auch das XMLHttpRequest-Objekt an die success-Rückruffunktion übergeben werden.

Beispiel

Fordere die Webseite test.php an, ignoriere den Rückgabewert:

$.get("test.php");

Mehr Beispiele

Beispiel 1

Fordere die Webseite test.php an, übertrage 2 Parameter, ignoriere den Rückgabewert:

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

Beispiel 2

Zeige den Wert, der von test.php zurückgegeben wird (HTML oder XML, abhängig vom zurückgegebenen Wert):

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

Beispiel 3

Zeige den Wert, der von test.cgi zurückgegeben wird (HTML oder XML, abhängig vom zurückgegebenen Wert), füge eine Gruppe von Anfrageparametern hinzu:

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