So senden Sie eine Beitragsanfrage mit jquery-Front-End-Fragen und Antworten-php.cn

So senden Sie eine Beitragsanfrage mit jquery

WBOY

Freigeben： 2022-06-09 17:42:41

Original

3159 Leute haben es durchsucht

In jquery können Sie die Methode „$.post()“ verwenden, um eine Post-Anfrage zu senden. Diese Methode verwendet „HTTP POST“, um den Server zum Laden von Daten aufzufordern angegebene URL, an die die Anfrage gesendet wird), zusammen mit den mit der Anfrage an den Server gesendeten Daten, Angabe der Funktion, die ausgeführt werden soll, wenn die Anfrage erfolgreich ist, Datentyp)“.

So senden Sie eine Beitragsanfrage mit jquery

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.4.1-Version, Dell G3-Computer.

So senden Sie eine Post-Anfrage mit jquery

Die Methode $.post() verwendet eine HTTP-POST-Anfrage, um Daten vom Server zu laden.

Syntax

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

Nach dem Login kopieren

URL erforderlich. Gibt die URL an, an die Anfragen gesendet werden.
Daten optional. Gibt die Daten an, die mit der Anfrage an den Server gesendet werden sollen.
function(data,status,xhr) Optional. Gibt eine Funktion an, die ausgeführt werden soll, wenn die Anforderung erfolgreich ist.

Zusätzliche Parameter:

data – Enthält die Ergebnisdaten der Anfrage

status – Enthält den Status der Anfrage („success“, „notmodified“, „error“, „timeout“, „parsererror“)

xhr – Enthält XMLHttpRequest-Objekt

dataType optional. Gibt den Datentyp der erwarteten Serverantwort an.

Standardmäßig führt jQuery eine intelligente Beurteilung durch.

Mögliche Typen:

"xml" - ein XML-Dokument

"html" - HTML als einfacher Text

"text" - eine einfache Textzeichenfolge

"script" - Führen Sie die Antwort als JavaScript aus und geben Sie sie als einfachen Text zurück text

"json" – Führt die Antwort als JSON aus und gibt sie als JavaScript-Objekt zurück

"jsonp" – Lädt einen JSON-Block mit JSONP, der der URL ein „?callback=?“ hinzufügt, um einen Rückruf anzugeben

Beispiel ist wie folgt:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.post("/try/ajax/demo_test_post.php",{
name:"天王盖地虎",
url:"//m.sbmmt.com"
},
function(data,status){
alert("数据: \n" + data + "\n状态: " + status);
});
});
});
</script>
</head>
<body>
<button>发送一个 HTTP POST 请求页面并获取返回内容</button>
</body>
</html>

Nach dem Login kopieren

Ausgabeergebnis:

So senden Sie eine Beitragsanfrage mit jquery

Nach dem Klicken auf die Schaltfläche:

So senden Sie eine Beitragsanfrage mit jquery

Empfohlenes Video-Tutorial: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo senden Sie eine Beitragsanfrage mit jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!