jQuery.post(url,[data],[callback],[type])
最后更新于:2022-04-01 05:57:44
### 返回值:XMLHttpRequestjQuery.post(url, *[data]*, *[callback]*, *[type]*)
### 概述
通过远程 HTTP POST 请求载入信息。
这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。
### 参数
#### **url,[data],[callback],[type]**String,Map,Function,String*V1.0*
**url**:发送请求地址。
**data**:待发送 Key/value 参数。
**callback**:发送成功时回调函数。
**type**:返回内容格式,xml, html, script, json, text, _default。
### 示例
#### 1描述:
请求 test.php 网页,忽略返回值:
##### jQuery 代码:
~~~
$.post("test.php");
~~~
#### 2描述:
请求 test.php 页面,并一起发送一些额外的数据(同时仍然忽略返回值):
##### jQuery 代码:
~~~
$.post("test.php", { name: "John", time: "2pm" } );
~~~
#### 3描述:
向服务器传递数据数组(同时仍然忽略返回值):
##### jQuery 代码:
~~~
$.post("test.php", { 'choices[]': ["Jon", "Susan"] });
~~~
#### 4描述:
使用 ajax 请求发送表单数据:
##### jQuery 代码:
~~~
$.post("test.php", $("#testform").serialize());
~~~
#### 5描述:
输出来自请求页面 test.php 的结果(HTML 或 XML,取决于所返回的内容):
##### jQuery 代码:
~~~
$.post("test.php", function(data){
alert("Data Loaded: " + data);
});
~~~
#### 6描述:
向页面 test.php 发送数据,并输出结果(HTML 或 XML,取决于所返回的内容):
##### jQuery 代码:
~~~
$.post("test.php", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});
~~~
#### 7描述:
获得 test.php 页面的内容,并存储为 XMLHttpResponse 对象,并通过 process() 这个 JavaScript 函数进行处理:
##### jQuery 代码:
~~~
$.post("test.php", { name: "John", time: "2pm" },
function(data){
process(data);
}, "xml");
~~~
#### 8描述:
获得 test.php 页面返回的 json 格式的内容::
##### jQuery 代码:
~~~
$.post("test.php", { "func": "getNameAndTime" },
function(data){
alert(data.name); // John
console.log(data.time); // 2pm
}, "json");
~~~