jquery中全局ajax参数详细执行分析

本文分析的问题，比较奇葩。可能大家在一般的项目中都用不到。所以首先要先了解这个应用场景。反正我分析了之后才发现jquery全局$.ajax竟然可以这样用!

1、背景

在页面中使用ajax请求进行异步操作这个现在比较常用，我们会在ajax开始时候加个进度显示，在complete之后隐藏即可。但是要是页面内有多个ajax请求，我们怎么处理这个进度那？单个单个处理肯定会很麻烦，比如你不知道所有页面的ajax什么时候都处理完成，需要很具体的写代码才行。

单个ajax请求：
 

又或者这个情况：提交表单的所有活动ajax请求失败时，并触发错误事件.如何停止在jQuery中所有活动的ajax请求，而不trigerring错误事件？

2、分析

这里就用到了ajax的全局变量。具体可以到这里看看[Jquery $.ajax请求详解及ajax全局变量分析]。这里指说明一下我们用的全局变量。

jquery $.ajax有一些全局变量：

.ajaxComplete() 当 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。
.ajaxError() 当 Ajax 请求完成且出现错误时注册要调用的处理程序。这是一个 Ajax 事件。
.ajaxSend() 在 Ajax 请求发送之前显示一条消息。
jQuery.ajaxSetup() 设置将来的 Ajax 请求的默认值。
.ajaxStart() 当首个 Ajax 请求完成开始时注册要调用的处理程序。这是一个 Ajax 事件。
.ajaxStop() 当所有 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。
.ajaxSuccess() 当 Ajax 请求成功完成时显示一条消息。
我们通过这些全局变量就能够保存每次ajax请求，并在每个ajax请求处理完成后，清理这个缓存。

首先我们定义个实体保存每次ajax请求的数据：
 

然后在ajax的处理事件中加上逻辑：

这里面最主要的是将ajax的XMLHttpRequest 对象保存到我们定义的array数组中。这里需要注意：

每次XMLHttpRequest 对象jquery会保存，在ajax 完成后销毁。所以这里我们就可以用判断每个ajax是否完成。XMLHttpRequest 对象是没有id这个属性的，我们可以自己给他加上这个属性。
 

jqXHR.id = sendcount;给这个XMLHttpRequest对象加上了id，按照发起请求的顺序给他一个id。

在complete函数中，我们找到这个对应id的XMLHttpRequest对象，设置它完成了。

这样这个页面的所有ajax请求，我们都能够管理起来。剩下的能做的事情就很多了。可以判断每个ajax请求是否完成，中止所有的ajax请求，在全部ajax完成后取消遮罩层等等。