jQuery AJAX POST请求示例

jQuery AJAX POST请求是一种轻量级的AJAX技术，可以用来发送HTTP请求到服务器，获取响应数据。它可以让你在不刷新页面的情况下，从服务器获取数据，实现页面的异步更新。

使用方法

使用jQuery AJAX POST请求，要引入jQuery库，在页面上添加一个按钮，用来触发AJAX请求：

发送AJAX请求

可以使用jQuery的$.ajax()方法发送AJAX POST请求：

$("#btn").click(function(){
  $.ajax({
    type: "POST",
    url: "some.php",
    data: { name: "John", location: "Boston" }
  }).done(function( msg ) {
    alert( "Data Saved: " + msg );
  });
});

上面代码中，$.ajax()方法接受一个对象参数，其中type属性指定请求的类型（POST），url属性指定服务器的地址，data属性指定要发送的数据。done()方法指定回调函数，当服务器响应以后，就会执行这个函数。

发送复杂数据

jQuery AJAX POST请求可以发送复杂的数据，比如表单数据，JSON数据，XML数据等。

• 发送表单数据：

  $.ajax({
    type: "POST",
    url: "some.php",
    data: $("#myForm").serialize()
  });
  

• 发送JSON数据：

  $.ajax({
    type: "POST",
    url: "some.php",
    data: JSON.stringify({ name: "John", location: "Boston" }),
    contentType: "application/json; charset=utf-8"
  });
  

• 发送XML数据：

  $.ajax({
    type: "POST",
    url: "some.php",
    data: "JohnBoston",
    contentType: "text/xml; charset=utf-8"
  });