$.post(url,[data],[fn],[type])

返回值

XMLHttpRequest

概述

通过远程 HTTP POST 请求载入信息。 这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。
jQuery 1.12 中 jQuery.post 和 jQuery.get 支持对象参数，这样一来好处还比较多，比如设置回调函数的context，或者跨域 post 时可以withCredential: true。用法可以参考示例9。

参数

参数 类型 说明 示例值
url,[data],[callback],[type] String,Map,Function,String

v1.0

url:发送请求地址。
data:待发送 Key/value 参数。
callback:发送成功时回调函数。
type:返回内容格式，xml, html, script, json, text, _default。

示例

示例一

描述： 请求 test.php 网页，忽略返回值。

jQuery 代码

$.post("test.php");
示例二

描述： 请求 test.php 页面，并一起发送一些额外的数据（同时仍然忽略返回值）。

jQuery代码

$.post("test.php", { name: "John", time: "2pm" } );
示例三

描述：向服务器传递数据数组（同时仍然忽略返回值）。

jQuery代码

$.post("test.php", { 'choices[]': ["Jon", "Susan"] });
示例四

描述：使用 ajax 请求发送表单数据。

jQuery代码

$.post("test.php", $("#testform").serialize());
示例五

描述：输出来自请求页面 test.php 的结果（HTML 或 XML，取决于所返回的内容）。

jQuery代码

$.post("test.php", function(data){
     alert("Data Loaded: " + data);
});
示例六

描述：向页面 test.php 发送数据，并输出结果（HTML 或 XML，取决于所返回的内容）。

jQuery代码

$.post("test.php", { name: "John", time: "2pm" },function(data){
    alert("Data Loaded: " + data);
});
示例七

描述：获得 test.php 页面的内容，并存储为 XMLHttpResponse 对象，并通过 process() 这个 JavaScript 函数进行处理。

jQuery代码

$.post("test.php", { name: "John", time: "2pm" },function(data){
    process(data);
}, "xml");
示例八

描述：获得 test.php 页面返回的 json 格式的内容。

jQuery代码

$.post("test.php", { "func": "getNameAndTime" },function(data){
     alert(data.name); // John
     console.log(data.time); //  2pm
}, "json");
示例九

描述：jQuery 1.12 中 jQuery.post支持对象参数，具体的参数可以参考 $.ajax()。

jQuery代码

jQuery.post({
   url: “/example”
});