ajax请求代码

 

　　要进行单个Ajax调用，可以使用jQuery的ajax函数。正面是一个简单的例子：

 

　　ajax调用示例成功和错误的回调函数正在等待单个Ajax调用。jQuery库提供了一种方法来使任何回调函数等待多个Ajax调用。此方法基于称为Deferred的对象。Deferred对象可以根据Deferrred对象是否解决或拒绝来注册回调函数。

 

　　以下是Deferred的示例

 

　　Deferred示例注意Deferred对象可以链接。以下是Deferred对象链的示例。

 

　　Deferred对象有一个方法叫做promise。它返回一个Promise对象。Promise对象暴露了Deferred方法的一个子集，以防止其状态被更改。

 

　　这意味着防止Deferred对象被手动解析或拒绝。

 

　　Promise对象公开以下Deferred方法：then，done，fail，always，pipe，progress，state，和 promise。

 

　　它不会公开以下Deferred方法：resolve，reject，notify，resolveWith，rejectWith 和 notifyWith。promise对象可以被视为一个Deferred对象，该对象无法手动更改该状态。

 

　　jQuery 的ajax函数返回一个jqXHR对象。

 

　　这个jqXHR对象有两个重要的事实。

 

　　首先，一个jqXHR对象是XMLHTTPRequest对象的超集。

 

　　例如，一个jqXHR对象可以通过引用它的readyState属性来查询XMLHTTPRequest的状态。

 

　　如果其readyState为4，则Ajax请求完成。

 

　　其次，一个jqXHR对象实现了Promise接口，并公开了所有的Promise方法。

 

　　基本上，一个jqXHR 对象可以被当作一个Promise对象。

 

　　例如，done方法可以用作jqXHR对象的成功回调函数。

 

　　jQuery库提供了一个被称为when的函数，接受多个Deferred对象并返回一个Promise对象的函数。

 

　　当所有Deferred对象被解析时，返回的Promise对象将被解析。当任何Deferred对象被拒绝时，它将被拒绝。

 

　　传递给函数的Deferred对象when可以是Deferred对象，Promise对象或jqXHR对象。

 

　　以下是等待多个Ajax请求的代码示例

 

　　首先，两个变量存储从两个jQuery Ajax调用返回的jqXHR对象。

 

　　然后将两个对象传递给函数when。返回的Promise对象when被链接到函数then。

 

　　函数then为Promise对象添加了处理程序。

 

　　then函数的第一个参数是一个成功函数，当Promise成功时调用它。

 

　　then函数的第二个参数是在Promise被拒绝时调用的失败函数。

 

　　失败函数检查每个Ajax调用的状态。如果Ajax调用未完成，它将中止。注意，由于页面已执行和关闭，失败函数仍然可以访问超出范围的变量j1和j2 。

 

　　这是因为JavaScript关闭。闭包是内部函数，即使外部函数关闭，也可以访问外部函数中的变量。换句话说，内部函数可以保持首先定义的环境。