jQuery - AJAX post() 方法

技术那点事

发布时间: 19-02-1320:49

jQuery $.post() 方法

$.post() 方法通过 HTTP POST 请求向服务器提交数据。

语法:

$.post(URL,data,callback);

必需的 URL参数规定您希望请求的 URL。

可选的 data参数规定连同请求发送的数据。

可选的 callback参数是请求成功后所执行的函数名。

实例:使用 $.post() 连同请求一起发送数据

$("button").click(function(){

$.post("demo_post.php",

{

name:"菜鸟教程",

url:"http://www.runoob.com"

}, function(data,status){

alert("数据: \n" + data + "\n状态: " + status);

});

});

示例代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>菜鸟教程(runoob.com)</title>

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">

</script>

<script>

$(document).ready(function(){

$("button").click(function(){

$.post("demo_post.php",{

name:"菜鸟教程",

url:"http://www.runoob.com"

},

function(data,status){

alert("数据: \n" + data + "\n状态: " + status);

});

});

});

</script>

</head>

<body>

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

</body>

</html>

$.post() 的第一个参数是我们希望请求的 URL ("demo_test_post.php")。

然后我们连同请求(name 和 url)一起发送数据。

"demo_test_post.php" 中的 PHP 脚本读取这些参数,对它们进行处理,然后返回结果。

第三个参数是回调函数。第一个回调参数存有被请求页面的内容,而第二个参数存有请求的状态。

举报/反馈