站長(zhǎng)資訊網(wǎng)
在jquery中，可以利用“$.post()”方法來(lái)提交post請(qǐng)求，該方法使用“HTTP POST”請(qǐng)求兄服務(wù)器加載數(shù)據(jù)，語(yǔ)法為“$(selector).post(請(qǐng)求發(fā)送到的指定URL,連同請(qǐng)求發(fā)送到服務(wù)器的數(shù)據(jù),規(guī)定當(dāng)請(qǐng)求成功時(shí)運(yùn)行的函數(shù),數(shù)據(jù)類型)”。
本教程操作環(huán)境：windows10系統(tǒng)、jquery3.4.1版本、Dell G3電腦。
jquery怎么提交post請(qǐng)求
$.post() 方法使用 HTTP POST 請(qǐng)求從服務(wù)器加載數(shù)據(jù)。
語(yǔ)法
$(selector).post(URL,data,function(data,status,xhr),dataType)
-
URL 必需。規(guī)定將請(qǐng)求發(fā)送到哪個(gè) URL。
-
data 可選。規(guī)定連同請(qǐng)求發(fā)送到服務(wù)器的數(shù)據(jù)。
-
function(data,status,xhr) 可選。規(guī)定當(dāng)請(qǐng)求成功時(shí)運(yùn)行的函數(shù)。
額外的參數(shù)：
data – 包含來(lái)自請(qǐng)求的結(jié)果數(shù)據(jù)
status – 包含請(qǐng)求的狀態(tài)（"success"、"notmodified"、"error"、"timeout"、"parsererror"）
xhr – 包含 XMLHttpRequest 對(duì)象
dataType 可選。規(guī)定預(yù)期的服務(wù)器響應(yīng)的數(shù)據(jù)類型。
默認(rèn)地，jQuery 會(huì)智能判斷。
可能的類型：
"xml" – 一個(gè) XML 文檔
"html" – HTML 作為純文本
"text" – 純文本字符串
"script" – 以 JavaScript 運(yùn)行響應(yīng)，并以純文本返回
"json" – 以 JSON 運(yùn)行響應(yīng)，并以 JavaScript 對(duì)象返回
"jsonp" – 使用 JSONP 加載一個(gè) JSON 塊，將添加一個(gè) "?callback=?" 到 URL 來(lái)規(guī)定回調(diào)
示例如下：
<!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:"http://www.php.cn" }, function(data,status){ alert("數(shù)據(jù): n" + data + "n狀態(tài): " + status); }); }); }); </script> </head> <body> <button>發(fā)送一個(gè) HTTP POST 請(qǐng)求頁(yè)面并獲取返回內(nèi)容</button> </body> </html>
輸出結(jié)果：
點(diǎn)擊按鈕后：
視頻教程推薦：jQuery視頻教程
