jQuery - AJAX get()- und post()-Methoden

jQuery get()- und post()-Methoden werden verwendet, um Daten von einem Server über eine HTTP-GET- oder POST-Anfrage anzufordern.

HTTP-Anfrage: GET vs. POST

Zwei gängige Methoden für die Anfrage-Antwort zwischen Client und Server sind: GET und POST.

  • GET- Daten von einer angegebenen Ressource anfordern
  • POST- Daten zur Verarbeitung an eine angegebene Ressource übermitteln

GET wird grundsätzlich verwendet, um Daten vom Server zu holen (abzurufen). Hinweis: Die GET-Methode kann zwischengespeicherte Daten zurückgeben.

POST kann auch verwendet werden, um Daten vom Server abzurufen. Allerdings speichert die POST-Methode niemals Daten zwischen und wird oft 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 unsereHTTP-Methoden - GET vs. POST。

jQuery $.get()-Methode

Die $.get()-Methode fordert Daten vom Server mithilfe einer HTTP-GET-Anfrage an.

Syntax:

$.get(URL,callback);
oder 
$.get( URL [, data ] [, callback ] [, dataType ] )
  • URL: Die URL-Zeichenkette, an die die Anfrage gesendet wird.
  • data: Optional. Eine Zeichenkette oder Schlüssel/Wert-Paare, die an den Server gesendet werden.
  • callback: Optional. Die Callback-Funktion, die ausgeführt wird, nachdem die Anfrage erfolgreich war.
  • dataType: Optional. Der Typ der vom Server zurückgegebenen Daten. Standard: Intelligente Vermutung (kann xml, json, script oder html sein).

Das folgende Beispiel verwendet die $.get()-Methode, um Daten aus einer Datei auf dem Server abzurufen:

Beispiel

$("button").click(function(){ $.get("demo_test.php",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.php").

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

Tipp:Die PHP-Datei ("demo_test.php") sieht so aus:

demo_test.php Dateicode:

<?php echo 'Dies sind Daten, die aus der PHP-Datei gelesen wurden.'; ?>

jQuery $.post()-Methode

Die $.post()-Methode übermittelt Daten mithilfe einer HTTP-POST-Anfrage an den Server.

Syntax:

$.post(URL,callback);
oder 
$.post( URL [, data ] [, callback ] [, dataType ] )
  • URL: Die URL-Zeichenkette, an die die Anfrage gesendet wird.
  • data: Optional. Eine Zeichenkette oder Schlüssel/Wert-Paare, die an den Server gesendet werden.
  • callback: Optional. Die Callback-Funktion, die ausgeführt wird, nachdem die Anfrage erfolgreich war.
  • dataType: Optional. Der Typ der vom Server zurückgegebenen Daten. Standard: Intelligente Vermutung (kann xml, json, script oder html sein).

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

Beispiel

$("button").click(function(){ $.post("/try/ajax/demo_test_post.php", { name:"Beispiel", url:"http://www.example.com" }, function(data,status){ alert("Data:\n" + data + "\nStatus:" + status); }); });

Selbst ausprobieren »

Der erste Parameter von $.post() ist die URL, die wir anfordern möchten ("demo_test_post.php").

Dann senden wir Daten zusammen mit der Anfrage (name und url).

Das PHP-Skript in "demo_test_post.php" liest diese Parameter, verarbeitet sie und gibt 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.

Tipp:Die PHP-Datei ("demo_test_post.php") sieht so aus:

Code der Datei demo_test_post.php:

<?php $name = isset($_POST['name']) ? htmlspecialchars($_POST['name']) : ''; $url = isset($_POST['url']) ? htmlspecialchars($_POST['url']) : ''; echo 'Website-Name:' . $name; echo "\n"; echo 'URL-Adresse:' .$url; ?>
Andere Erweiterungen