Neueste Web-Entwicklung Tutorials
 

jQuery - AJAX get() and post() Methods


Die jQuery get() und post() Methoden werden verwendet , um Daten von dem Server mit einem HTTP anfordern GET oder POST Anfrage.


HTTP Request: GET vs POST

Zwei häufig verwendete Methoden für eine Anfrage-Antwort zwischen einem Client und Server sind: GET und POST .

  • GET - Anfragen von Daten aus einer angegebenen Ressource
  • POST - Sendet Daten an eine angegebene Ressource verarbeitet werden

GET im Grunde nur für immer (Abrufen) einige Daten von dem Server verwendet wird .Hinweis: Die GET - Methode im Cache gespeicherten Daten zurückgeben kann.

POST kann auch verwendet werden , um einige Daten vom Server zu erhalten. Allerdings ist die POST - Caches Verfahren NIE Daten und wird häufig verwendet , um Daten zu senden zusammen mit der Anforderung.

Um mehr darüber zu erfahren , GET und POST , und die Unterschiede zwischen den beiden Methoden, lesen Sie bitte unsere HTTP Methoden GET vs POST Kapitel.


jQuery $.get() Methode

Die $.get() Methode fordert Daten von dem Server mit einem HTTP - GET - Anfrage.

Syntax:

$.get(URL,callback);

Die erforderliche URL-Parameter gibt die URL, die Sie anfordern möchten.

Der optionale Rückruf Parameter ist der Name einer Funktion ausgeführt werden, wenn die Anforderung erfolgreich ist.

Das folgende Beispiel verwendet die $.get() Methode , 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);
    });
});
Versuch es selber "

Der erste Parameter $.get() ist die URL wir zu beantragen wollen ("demo_test.asp") .

Der zweite Parameter ist eine Callback-Funktion. Der erste Rückruf Parameter enthält den Inhalt der angeforderten Seite und die zweite Rückrufparameter hält den Status der Anfrage.

Tipp: Hier ist , wie die ASP - Datei aussieht ("demo_test.asp") :

<%
response.write("This is some text from an external ASP file.")
%>

jQuery $.post() Methode

Die $.post() Methode fordert Daten von dem Server eine HTTP POST - Anfrage.

Syntax:

$.post(URL,data,callback);

Die erforderliche URL-Parameter gibt die URL, die Sie anfordern möchten.

Der optionale Daten Parameter gibt einige Daten mit der Anfrage zu senden zusammen.

Der optionale Rückruf Parameter ist der Name einer Funktion ausgeführt werden, wenn die Anforderung erfolgreich ist.

Das folgende Beispiel verwendet die $.post() Methode 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);
    });
});
Versuch es selber "

Der erste Parameter $.post() ist die URL wir zu beantragen wollen ("demo_test_post.asp") .

Dann gehen wir in einigen Daten mit der Anfrage (Name und Ort) zu senden an.

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 Rückruf Parameter enthält den Inhalt der angeforderten Seite und die zweite Rückrufparameter hält den Status der Anfrage.

Tipp: Hier ist , wie die ASP - Datei aussieht ("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 Reference

Eine vollständige Übersicht über alle jQuery AJAX Methoden, gehen Sie bitte auf unsere jQuery AJAX Reference .