jquery中AJAX请求 $.post方法的使用

下面详细讲解jquery中AJAX请求 $.post方法的使用的完整攻略。

概述

在 Web 开发中，经常会使用到 AJAX 技术，其中 jQuery 的 AJAX 封装是最为常用的方式之一。jQuery 提供了很多 AJAX 相关的方法，例如：$.ajax、$.get、$.post 等，其中，$.post 方法是用来发送 POST 请求的。

使用方法

方法语法

$.post(url, [data], [success], [dataType])

其中，参数说明：

• url：请求的 URL 地址；
• data（可选）：请求参数，可以为 Object 或 querystring；
• success（可选）：请求成功后的回调函数；
• dataType（可选）：服务器返回数据的类型，可以为 xml、json、script、text 等，默认为：text。

调用方法

使用 $.post 方法发送 POST 请求，可以按如下方式调用：

$.post(url, data, success, dataType);

其中，success 和 dataType 为可选参数。

实例一

下面是一个最简单的 $.post 调用实例：

$.post("test.php", {name:"john", time:"2pm"}, function(data){
    alert(data);
});

上述代码中，$.post 向 test.php 发送 POST 请求，并传递两个参数 name 和 time。请求成功后，调用 annonymous 函数，并将返回值 data 以对话框形式提示。

实例二

下面是一个 $.post 请求中使用 promise 的实例：

$.post("test.php", {name:"john", time:"2pm"})
.then(function(data){
    console.log(data);
}, function(error){
    console.log(err);
});

上述代码中，$.post 向 test.php 发送 POST 请求，并传递两个参数 name 和 time。请求成功后，打印返回值 data，请求失败后，打印错误 err。

注意事项

• url 参数不能为空；
• url 参数必须为一个字符串；
• 默认的 Content-Type 是 application/x-www-form-urlencoded；
• 如果请求返回不是 json 格式的数据，则需要设置 dataType 参数；
• 如果请求到达服务器了，一定会执行回调函数，可能回调的是 error 函数。

到这里，关于 jQuery 中 AJAX 请求 $.post 方法的使用就讲解完成了，希望对你有帮助。