jQuery AJAX get() und post() Methoden

Die Methoden jQuery get() und post() werden verwendet, um Daten über HTTP GET oder POST von einem Server abzurufen.

HTTP-Anfrage: GET vs. POST

Zwei häufig verwendete Methoden für Request-Response-Vorgänge auf Client- und Serverseite sind: GET und POST.

  • GET - Daten von der angegebenen Ressource anfordern
  • POST - Daten an das angegebene Ressource übermitteln, die bearbeitet werden sollen

GET wird hauptsächlich verwendet, um Daten vom Server zu erhalten (abzurufen). Anmerkung: Die Methode GET kann cachede Daten zurückgeben.

POST kann auch verwendet werden, um Daten vom Server abzurufen. Allerdings wird das POST-Verfahren nicht zum Cachen von Daten verwendet und wird häufig verwendet, um Daten zusammen mit der Anfrage zu senden.

Für mehr Informationen über GET und POST sowie die Unterschiede zwischen beiden Methoden lesen Sie bitte unsere HTTP-Methode - GET im Vergleich zu POST.

jQuery $.get() Methode

Die Methode $.get() ruft Daten über einen HTTP-GET-Request vom Server ab.

Syntax:

$.get(URL,callback);

Erforderlich URL Parameter bestimmen die URL, die Sie anfordern möchten.

Optional callback Die Parameter sind der Name der Funktion, die nach dem Erfolg der Anfrage ausgeführt wird.

Im folgenden Beispiel wird die Methode $.get() verwendet, um Daten aus einer Datei auf dem Server abzurufen:

Beispiel

$("button").click(function(){
  $.get("demo_test.asp",function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

Selbst ausprobieren

Der erste Parameter von $.get() ist die URL, die wir anfordern möchten ("demo_test.asp").

Der zweite Parameter ist die Callback-Funktion. Der erste Callback-Parameter enthält den Inhalt der angeforderten Seite, der zweite Callback-Parameter enthält den Status der Anfrage.

Hinweis:Dieser ASP-Datei ("demo_test.asp") ähnelt dem folgenden:

<%
response.write("Dies ist ein Text aus einer externen ASP-Datei.")
%>

jQuery $.post() Methode

Die $.post() Methode fordert Daten über eine HTTP POST-Anfrage vom Server ab.

Syntax:

$.post(URL,data,callback);

Erforderlich URL Parameter bestimmen die URL, die Sie anfordern möchten.

Optional data Parameter bestimmen die Daten, die zusammen mit der Anfrage gesendet werden.

Optional callback Die Parameter sind der Name der Funktion, die nach dem Erfolg der Anfrage ausgeführt wird.

Der folgende Beispiel verwendet $.post() zusammen mit der Anfrage, um Daten zu senden:

Beispiel

$("button").click(function(){
  $.post("demo_test_post.asp",
  {
    name:"Donald Duck",
    city:"Duckburg"
  },
  function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

Selbst ausprobieren

$.post() ist der erste Parameter, den wir anfordern möchten ("demo_test_post.asp").

Dann senden wir die Daten zusammen mit der Anfrage (name und city) weiter.

Der ASP-Skript in "demo_test_post.asp" liest diese Parameter, verarbeitet sie und gibt dann das Ergebnis zurück.

Der dritte Parameter ist die Callback-Funktion. Der erste Callback-Parameter enthält den Inhalt der angeforderten Seite, und der zweite Parameter enthält den Status der Anfrage.

Hinweis:Dieser ASP-Datei ("demo_test_post.asp") ähnelt folgendermaßen:

<%
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 Referenzhandbuch

Für eine vollständige Referenz der AJAX-Methode besuchen Sie bitte unsere jQuery AJAX Referenzhandbuch.