jQuery post()Methode

jQuery AJAX 方法jQuery AJAX-Methoden

Beispiel 1

Daten mit einer HTTP-POST-Anfrage vom Server laden:

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

Selbst ausprobieren »

Beispiel 2

Verwenden Sie eine AJAX-POST-Anfrage, um den Text eines <div>-Elements zu ändern:

$("input").keyup(function(){ txt=$("input").val(); $.post("demo_ajax_gethint.html",{suggest:txt},function(result){ $("span").html(result); }); });

Selbst ausprobieren »

Definition und Verwendung

Die $.post()-Methode lädt Daten vom Server mithilfe einer HTTP-POST-Anfrage.


Syntax

$(selector).post(URL,data,function(data,status,xhr),dataType)

Parameters Beschreibung
URL Erforderlich. Gibt an, an welche URL die Anfrage gesendet werden soll.
data Optional. Gibt Daten an, die zusammen mit der Anfrage an den Server gesendet werden sollen.
function(data,status,xhr) Optional. Gibt die Funktion an, die ausgeführt wird, wenn die Anfrage erfolgreich ist.
Zusätzliche Parameter:
  • data- Enthält die Ergebnisdaten aus der Anfrage
  • status- Enthält den Status der Anfrage ("success", "notmodified", "error", "timeout", "parsererror")
  • xhr- Enthält das XMLHttpRequest-Objekt
dataType Optional. Gibt den erwarteten Datentyp der Serverantwort an.
Standardmäßig führt jQuery eine intelligente Schätzung durch.
Mögliche Typen:
  • "xml" - Ein XML-Dokument
  • "html" - HTML als reiner Text
  • "text" - Eine Klartext-Zeichenkette
  • "script" - Führt die Antwort als JavaScript aus und gibt sie als reinen Text zurück
  • "json" - Führt die Antwort als JSON aus und gibt sie als JavaScript-Objekt zurück
  • "jsonp" - Lädt einen JSON-Block mithilfe von JSONP und fügt der URL ein "?callback=?" hinzu, um den Callback anzugeben


jQuery AJAX 方法jQuery AJAX-Methoden

Andere Erweiterungen