jQuery中ajax的post()方法用法实例

当在网页中使用jQuery时，我们常常需要通过ajax请求来获取数据或更新网页内容。而jQuery的post()方法是通过ajax发送POST请求，并处理服务器返回的数据。以下是该方法的详细用法实例攻略：

1. 基本用法

post()方法具体用法如下：

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

参数说明：

• url：必填项，表示请求发送的地址。
• data：可选项，表示发送到服务器的数据。如果不需要发送数据，则应该设置为null。数据格式可以为字符串或对象。
• success：可选项，表示请求成功后的回调函数。
• dataType：可选项，表示预期服务器返回的数据类型。

以下是一个简单的用法实例，请求发送到本地资源文件的data.php文件上，并处理服务器返回的数据：

$.post("data.php",
{
  name: "John",
  age: "30"
},
function(data,status){
  alert("Data: " + data + "\nStatus: " + status);
});

在上述示例中，发送到data.php文件的数据是一个对象，包含了name和age两个字段。服务器返回的数据会传递给成功回调函数，并进行处理。

2. 表单提交示例

另一个常见的用法是使用post()方法提交表单。以下是一个表单提交的用法实例，基于上述示例稍作修改：

<form id="myForm">
  <input type="text" name="name" id="name">
  <input type="text" name="age" id="age">
  <input type="button" value="Submit" onclick="submitForm()">
</form>

<script>
function submitForm() {
  var form_data = $("#myForm").serialize();
  $.post("data.php", form_data, function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
}
</script>

在该示例中，表单中的数据将被序列化为字符串，并作为数据发送到服务器。服务器返回的数据同样会传递到成功回调函数。

以上是jQuery中post()方法的用法实例攻略。通过上述示例讲解，我们可以看出post()方法非常灵活，既可以发送数据对象，也可以发送表单数据，非常方便实用。