实现的效果：
这两个Ajax任务可同时实现，也可单独实现。
标准的函数：
var xmlhttp; function loadXMLDoc(url,ufunc){ if(window.XMLHttpRequest){ xmlhttp = new XMLHttpRequest; } else { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.open("get",url,true); xmlhttp.send(); xmlhttp.onreadystatechange = ufunc; }
多个Ajax任务：
function myFunction(){ loadXMLDoc("../文档/2.txt",function(){ if(xmlhttp.readyState == 4 && xmlhttp.status == 200){ document.getElementById("myDiv").innerHTML = '<h2>' + xmlhttp.responseText + '</h2>'; } }); } function func(){ loadXMLDoc("../文档/1.txt",function(){ if(xmlhttp.readyState == 4 && xmlhttp.status == 200){ document.getElementById("app").innerHTML = '<h2>' + xmlhttp.responseText + '</h2>'; } }); }
在标准函数中：
1.两个参数：url,cfunc，第一个参数表示请求服务器的文档，第二个参数表示服务器响应时onreadystatechange事件需调用的函数。
2.创建XMLHttpRequest对象。
3.向服务器发送请求，xmlhttp.open("GET",url,true);xmlhttp.send();
4.增加onreadystatechange事件，xmlhttp.onreadystatechange=cfunc;
如此，凡是执行Ajax任务的函数都可以使用该标准函数，只需要自己填写标准函数中的两个参数即可。
多个Ajax任务：
1.使用标准函数
2.编写标准函数中的两个参数，这两个参数均可自行改变，即请求服务器的文档，服务器响应实现的方法都可不同。
完整代码：
<html>
<head>
<script type="text/javascript">
var xmlhttp;
function loadXMLDoc(url,ufunc){
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest;
}
else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("get",url,true);
xmlhttp.send();
xmlhttp.onreadystatechange = ufunc;
}
function myFunction(){
loadXMLDoc("../文档/2.txt",function(){
if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
document.getElementById("myDiv").innerHTML = '<h2>' + xmlhttp.responseText + '</h2>';
}
});
}
function func(){
loadXMLDoc("../文档/1.txt",function(){
if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
document.getElementById("app").innerHTML = '<h2>' + xmlhttp.responseText + '</h2>';
}
});
}
</script>
</head>
<body>
<button type="button" onclick="myFunction()">一个Ajax</button>
<button type="button" onclick="func()">另一个Ajax</button>
<div id="myDiv"><h2>一个Ajax</h2></div>
<div id="app"><h2>另一个Ajax</h2></div>
</body>
</html>
欢迎留言讨论。