1.第二个请求延时几秒执行,可避免第一个请求还没执行完就被覆盖
<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();
if(what=='msg1'){
alert('第一次开始了');
}else{
alert('第二次开始了');
}
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) {
if(what=='msg1'){
alert('第一次回调');
}else{
alert('第二次回调');
}
var result = xmlHttp.responseText;
document.getElementById(what).innerHTML = result;
}
}
else {
document.getElementById(what).innerHTML = "正在载入...";
}
}
function myload(){
startRequest('sort_jiaoyi','msg1');
setTimeout("startRequest('sort_fangwu','msg2')",2000); //延时2秒后执行,在IE7下竟然不需要延时处理...
}
</script>
</head>
<body onLoad="myload();">
<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>
分享到:
相关推荐
手写ajax的xmlhttp协议,创建ajax
xmlHttp对象 手动AjaxxmlHttp对象 手动AjaxxmlHttp对象 手动Ajax
ajax的xmlhttp的帮助手册,这是一本基础性的帮助手册。对于初学者和入门者是一本不错的书籍。
ajax 获取单独页面 xmlhttp innerHTML ajaxtab 非常实用,简单易懂的ajax教程
XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面。来自MSDN的解释:XmlHttp提供客户端同http服务器通讯的协议。客户端可以通过XmlHttp对象(MSXML2.XMLHTTP.3.0)向http服务器发送请求并使用微软XML...
XmlHttp手册XmlHttp手册XmlHttp手册XmlHttp手册XmlHttp手册
ajax之xmlhttp对象帮助文档
XMLHttp 手册 中文版 多 HTML 文件结构,浏览方便 只要有浏览器就行了 Ajax技术
ajax和XMLHTTP的一些原理,挺好,都看看吧!
创建XMLHttpRequest对象var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); xmlhttp.open("get", "GetDate.ashx?id=" + encodeURI("中国") + ... document.getElementById("Text1").value = xmlhttp.responseText;
alexa_Xmlhttp_Ajax
xmlhttp中文帮助文档 Xmlhttp是一种浏览器对象, 可用于模拟http的GET和POST请求。配合JavaScript可以实现页面数据在无刷新下的定时数据更新,如果应用在聊天室、文字直播上可以取得较好的视觉效果。 使用范例: ...
Ajax返回状态和XmlHttp对象参考手册
ajax 二级下拉框ajax 实现二级下拉框,地址联动,xmlHttp,serverlet,java,ajax 实现二级下拉框,地址联动,xmlHttp,serverlet,java,
一个完整的ajax xmlHttp请求类的封装,兼容多种浏览器,包括了对返回数据的处理。
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 AJAX 是一种用于创建快速动态网页的技术。其核心是 JavaScript 对象 XMLHttpRequest。该对象在 ...
ajax技术中承载数据传输任务的xmlhttprequest介绍及其相关api
AJAX中的关键部分-xmlhttp对象的参考手册,有详细的介绍,不使用框架开发AJAX应用的好帮手
介绍xmlhttp比较的详细
XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面。 来自MSDN的解释:XmlHttp提供客户端同http服务器通讯的协议。客户端可以通过XmlHttp对象(MSXML2.XMLHTTP.3.0)向http服务器发送请求并使用微软XML...