Ajax同一页面同时执行多个XMLHTTP (2)

jia5286112

浏览: 11495 次
性别:
来自: 西安

最近访客更多访客>>

woodding2008

InJavaWeTrust

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

AJAX

Ajax Firefox Microsoft JSP

2.第一次执行完成后执行第二次请求，可避免第一个请求还没执行完就被覆盖
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AJAX同一页面加载多个测试</title>
<script language="JavaScript">
var xmlHttp;
function createXMLHttpRequest() {
     if (window.XMLHttpRequest){               //FireFox
            xmlHttp = new XMLHttpRequest();
          }
     else if(window.ActiveXObject){
           try {
           xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");   //IE6
          }catch(e){
           try {
           xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");      //IE7
          }catch (e){
           alert('对不起，本页面只支持IE6,IE7,FireFox');
          }
      }
   }
}
function startRequest(tn,what) {
    createXMLHttpRequest();
    xmlHttp.onreadystatechange = function(){handleStateChange(what);};
    xmlHttp.open("GET", "test2.jsp?tn="+tn, true);
    xmlHttp.send(null);
}
function handleStateChange(what) {
    if(xmlHttp.readyState == 4) {
        if(xmlHttp.status == 200) {
            var result = xmlHttp.responseText;
            document.getElementById(what).innerHTML = result;
            if(what=='msg1'){
            alert('第二次');
                startRequest('sort_jiaoyi','msg2');
            }
        }
    }
    else {
        document.getElementById(what).innerHTML = "正在载入...";
    }
}
</script>
</head>
<body onLoad="startRequest('sort_fangwu','msg1');">
<table>
<tr><td>
<div id="msg1" style="width:300px; background:#0099FF"></div>
</td></tr>
<tr><td>
<div id="msg2" style="width:300px; background:#66FF33"></div>
</td></tr>
</table>
</body>
</html>

有更好方法没哈？？

分享到：