jQuery - AJAX-Methoden get() und post()
Die jQuery-Methoden get() und post() werden verwendet, um Daten vom Server mit einer HTTP-GET- oder POST-Anforderung anzufordern.
HTTP-Anforderung: GET vs. POST
Zwei häufig verwendete Methoden für eine Anfrage-Antwort zwischen einem Client und einem Server sind: GET und POST.
- GET – Fordert Daten von einer angegebenen Ressource an
- POST – Sendet zu verarbeitende Daten an eine angegebene Ressource
GET wird im Grunde genommen nur zum Abrufen (Abrufen) einiger Daten vom Server verwendet. Hinweis: Die GET-Methode kann zwischengespeicherte Daten zurückgeben.
POST kann auch verwendet werden, um einige Daten vom Server abzurufen. Die POST-Methode speichert jedoch NIEMALS Daten und wird häufig verwendet, um Daten zusammen mit der Anfrage zu senden.
Um mehr über GET und POST und die Unterschiede zwischen den beiden Methoden zu erfahren, lesen Sie bitte unser Kapitel HTTP-Methoden GET vs. POST .
jQuery $.get() Methode
Die $.get()Methode fordert Daten vom Server mit einer HTTP-GET-Anforderung an.
Syntax:
$.get(URL,callback);
Der erforderliche URL-Parameter gibt die URL an, die Sie anfordern möchten.
Der optionale Callback-Parameter ist der Name einer Funktion, die ausgeführt werden soll, wenn die Anfrage erfolgreich ist.
Im folgenden Beispiel wird die $.get()Methode 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);
});
});
Der erste Parameter von $.get()ist die URL, die wir anfordern möchten ("demo_test.asp").
Der zweite Parameter ist eine Callback-Funktion. Der erste Callback-Parameter enthält den Inhalt der angeforderten Seite, und der zweite Callback-Parameter enthält den Status der Anforderung.
Tipp: So sieht die ASP-Datei aus ("demo_test.asp"):
<%
response.write("This is some text from an external ASP file.")
%>
jQuery $.post() Methode
Die $.post()Methode fordert Daten vom Server mithilfe einer HTTP-POST-Anforderung an.
Syntax:
$.post(URL,data,callback);
Der erforderliche URL-Parameter gibt die URL an, die Sie anfordern möchten.
Der optionale Datenparameter gibt einige Daten an, die zusammen mit der Anfrage gesendet werden sollen.
Der optionale Callback-Parameter ist der Name einer Funktion, die ausgeführt werden soll, wenn die Anfrage erfolgreich ist.
Das folgende Beispiel verwendet die $.post()Methode, um einige Daten zusammen mit der Anfrage zu senden:
Beispiel
$("button").click(function(){
$.post("demo_test_post.asp",
{
name: "Donald Duck",
city: "Duckburg"
},
function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
Der erste Parameter von $.post()ist die URL, die wir anfordern möchten ("demo_test_post.asp").
Dann übergeben wir einige Daten, die zusammen mit der Anfrage gesendet werden (Name und Stadt).
Das ASP-Skript in "demo_test_post.asp" liest die Parameter, verarbeitet sie und gibt ein Ergebnis zurück.
Der dritte Parameter ist eine Callback-Funktion. Der erste Callback-Parameter enthält den Inhalt der angeforderten Seite, und der zweite Callback-Parameter enthält den Status der Anforderung.
Tipp: So sieht die ASP-Datei aus ("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-Referenz
Eine vollständige Übersicht aller jQuery AJAX-Methoden finden Sie in unserer jQuery AJAX-Referenz .