jQuery.post( url [, data ] [, success ] [, dataType ] )返回: jqXHR
描述: 使用 HTTP POST 请求将数据发送到服务器。
-
版本添加: 1.0jQuery.post( url [, data ] [, success ] [, dataType ] )
-
url类型: 字符串一个字符串,包含请求发送到的 URL。
-
data类型: PlainObject 或 String一个普通对象或字符串,随请求发送到服务器。
-
success请求成功时执行的回调函数。如果提供了
dataType,则此参数是必需的,但也可以将其设置为null或jQuery.noop作为占位符。注意: 在 jQuery 3.x 及更早版本中,当为success提供null值时,还必须提供data参数;您可以将其设置为undefined。 -
dataType类型: 字符串服务器期望的数据类型。默认值: 智能猜测 (xml, json, script, text, html)。
-
-
版本添加: 1.12-and-2.2jQuery.post( [settings ] )
-
settings类型: PlainObject一组键值对,用于配置 Ajax 请求。除
url之外的所有属性都是可选的。可以使用 $.ajaxSetup() 为任何选项设置默认值。有关所有设置的完整列表,请参阅 jQuery.ajax( settings )。类型将自动设置为POST。
-
这是一个简写 Ajax 函数,等同于
|
1
2
3
4
5
6
7
|
|
success 回调函数会接收返回的数据,该数据将是 XML 根元素或文本字符串,具体取决于响应的 MIME 类型。还会接收响应的文本状态。
从 jQuery 1.5 开始,success 回调函数还会接收一个 “jqXHR 对象” (在 jQuery 1.4 中,它接收 XMLHttpRequest 对象)。
大多数实现会指定一个成功处理程序
|
1
2
3
|
|
此示例获取请求的 HTML 片段并将其插入页面。
使用 POST 获取的页面永远不会被缓存,因此 jQuery.ajaxSetup() 中的 cache 和 ifModified 选项对这些请求无效。
jqXHR 对象
从 jQuery 1.5 开始,所有 jQuery 的 Ajax 方法都返回 XMLHTTPRequest 对象的超集。此 jQuery XHR 对象(或 $.post() 返回的“jqXHR”)实现了 Promise 接口,使其具有 Promise 的所有属性、方法和行为(有关更多信息,请参阅 Deferred object)。jqXHR.done()(用于成功)、jqXHR.fail()(用于错误)和 jqXHR.always()(用于完成,无论成功还是错误;在 jQuery 1.6 中添加)方法接受一个函数参数,该函数在请求终止时被调用。有关此函数接收的参数信息,请参阅 $.ajax() 文档的 jqXHR Object 部分。
Promise 接口还允许 jQuery 的 Ajax 方法,包括 $.get(),在单个请求上链式调用多个 .done()、.fail() 和 .always() 回调,甚至可以在请求可能已完成之后分配这些回调。如果请求已完成,则立即触发回调。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
|
废弃通知
jqXHR.success()、jqXHR.error() 和 jqXHR.complete() 回调方法自 jQuery 3.0 起已移除。你可以改用 jqXHR.done()、jqXHR.fail() 和 jqXHR.always()。
附加说明
示例
示例 1
请求 test.php 页面,但忽略返回的结果。
|
1
|
|
示例 2
请求 test.php 页面并发送一些额外数据 (同时仍然忽略返回的结果)。
|
1
|
|
示例 3
将数据数组传递给服务器 (同时仍然忽略返回的结果)。
|
1
|
|
示例 4
使用 Ajax 请求发送表单数据
|
1
|
|
示例 5
警报来自请求 test.php 的结果 (HTML 或 XML,取决于返回的内容)。
|
1
2
3
|
|
示例 6
警报来自请求 test.php 的结果,并带有额外的数据负载 (HTML 或 XML,取决于返回的内容)。
|
1
2
3
4
|
|
示例 7
POST 到 test.php 页面并获取以 JSON 格式返回的内容 (<?php echo json_encode(array("name"=>"John","time"=>"2pm")); ?>)。
|
1
2
3
4
|
|
示例 8
使用 Ajax 发送表单并将其结果放入一个 div 中
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
|