jquery post方法的参数有哪些-前端问答-PHP中文网

jquery post方法的参数有哪些

青灯夜游

发布： 2021-11-22 11:31:33

原创

2966 人浏览过

jquery post方法的参数有：1、URL，规定将请求发送到哪个网址；2、data，规定连同请求发送到服务器的数据；3、function()，规定当请求成功时运行的函数；4、dataType，规定预期的服务器响应的数据类型。

jquery post方法的参数有哪些

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

post() 方法使用 HTTP POST 请求从服务器加载数据。

语法：

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

登录后复制

post() 方法支持4个参数：

参数	描述
URL	必需。规定将请求发送到哪个 URL。
data	可选。规定连同请求发送到服务器的数据。
function(data,status,xhr)	可选。规定当请求成功时运行的函数。额外的参数： data - 包含来自请求的结果数据 status - 包含请求的状态（"success"、"notmodified"、"error"、"timeout"、"parsererror"） xhr - 包含 XMLHttpRequest 对象
dataType	可选。规定预期的服务器响应的数据类型。默认地，jQuery 会智能判断。可能的类型： "xml" - 一个 XML 文档 "html" - HTML 作为纯文本 "text" - 纯文本字符串 "script" - 以 JavaScript 运行响应，并以纯文本返回 "json" - 以 JSON 运行响应，并以 JavaScript 对象返回 "jsonp" - 使用 JSONP 加载一个 JSON 块，将添加一个 "?callback=?" 到 URL 来规定回调

示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function(){
	$("button").click(function(){
		$.post("/try/ajax/demo_test_post.php",{
			name:"PHP中文网",
			url:"https://www.php.cn/"
		},
		function(data,status){
			alert("数据: \n" + data + "\n状态: " + status);
		});
	});
});
</script>
</head>
<body>

<button>发送一个 HTTP POST 请求页面并获取返回内容</button>

</body>
</html>

登录后复制

运行，点击按钮后，弹出显示：