Heim >Web-Frontend >js-Tutorial >Die Verwendung von Ajax-Post in JQuery
jQuery.post(url, [data], [callback], [type])
Übersicht
Informationen per Remote-HTTP-POST-Anfrage laden.
Dies ist eine einfache POST-Anfragefunktion zum Ersetzen der komplexen $.ajax. Die Callback-Funktion kann aufgerufen werden, wenn die Anfrage erfolgreich ist. Wenn Sie eine Funktion im Fehlerfall ausführen müssen, verwenden Sie $.ajax.
Parameter
url,[data],[callback],[type]String,Map,Function,StringV1.0
url: Anfrageadresse senden.
Daten: Zu sendende Schlüssel-/Wertparameter.
Rückruf: Rückruffunktion bei erfolgreichem Versand.
Typ: Inhaltsformat zurückgeben, XML, HTML, Skript, JSON, Text, _default.
Beispiel
1) Übergeben Sie ein Datenarray an den Server (unter Berücksichtigung des Rückgabewerts):
jQuery-Code:
$.post("test.php", { 'choices[]': ["Jon", "Susan"] });
2) Verwenden Sie Ajax Request, um Formulardaten zu senden:
jQuery-Code:
$.post("test.php", $("#testform").serialize());
3) Senden Sie Daten an die Seite test.php und geben Sie das Ergebnis aus (HTML oder XML, je nachdem). zurückgegebener Inhalt):
jQuery-Code:
$.post("test.php", { name: "John", time: "2pm" }, function(data){ alert("Data Loaded: " + data); });
4) Erhalten Sie den Inhalt der test.php-Seite, speichern Sie ihn als XMLHttpResponse-Objekt und verarbeiten Sie ihn über das JavaScript „process()“. Funktion:
jQuery-Code:
$.post("test.php", { name: "John", time: "2pm" }, function(data){ process(data); }, "xml");
5) Rufen Sie den von der test.php-Seite zurückgegebenen JSON-Formatinhalt ab:
jQuery-Code:
$.post("test.php", { "func": "getNameAndTime" }, function(data){ alert(data.name); // John console.log(data.time); // 2pm }, "json");