ajax请求队列

由于同一个页面可能有很多个xmlhttp,所以如果在页面中定义很多个xmlhttp对象的话那样显得很冗余,所以就设计了个请求队列来一个一个的执行请求

 

 1/**//*-------------------*/
 2/**//*     ajax请求模块  */
 3/**//*-------------------*/
 4
 5/**//*创建一个xmlhttp实例*/
 6function createXMLHTTP() {
 7    var xmlhttp = null; ;
 8    try {
 9        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
10    } catch (e) {
11        try {
12            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
13        } catch (e) {
14            xmlhttp = false;
15        }
16    }
17
18    if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
19        xmlhttp = new XMLHttpRequest();
20    }
21    Request = xmlhttp;
22}
23/**//*判断是否登出*/
24function isLoginOut(rep)
25{
26    if (rep == "loginout") {
27        
28        document.location.href = "Login.aspx";
29    }
30}
31
32var requestQueue = new Array(); //请求队列
33var Request;
34var idQueue=new Array();
35var _request, _id; //当前请求参数
36var finish = true;//请求是否结束了
37
38createXMLHTTP();
39
40/**//*新异步请求入队列*/
41function newRequest(str,id) {
42    requestQueue.push(str);
43    idQueue.push(id);
44}
45/**//*开始请求*/
46function beginRequest()
47{
48    finish = false;
49    _request =requestQueue.shift();
50    _id = idQueue.shift();
51    Request.open("POST",_request, true);
52    Request.onreadystatechange = _RequestCallBack;
53    Request.send();
54}
55/**//*处理请求得到的数据*/
56function _RequestCallBack() {
57    if (Request.readystate == 4 && Request.status == 200) {
58        rep = Request.responseText;
59        isLoginOut(rep);
60        document.getElementById(_id).innerHTML = rep;
61        finish = true;
62        //判断是否还有请求在队列中
63        if (requestQueue.length > 0)
64            beginRequest();
65    }
66    //网络等原因中途出错接着处理下一个请求   
67}