ajax实现点击不同的链接让返回的内容显示在特定div里
/*以下代码通过ajax实现在一个web页面点击不同的链接，然后将返回的结果显示在该页面固定的div里。*/
<html>
<head>
<metacharset="UTF-8">
<title>Inserttitlehere</title>
<scriptlanguage="javascript">
varhttp_request=false;
functioncreateRequest(url,objID){
http_request=false;
if(window.XMLHttpRequest){//非IE浏览器
http_request=newXMLHttpRequest();
if(http_request.overrideMimeType){
http_request.overrideMimeType("text/xml");
}
}elseif(window.ActiveXObject){//IE浏览器
try{
http_request=newActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
http_request=newActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
}
if(!http_request){
alert("无法创建XMLHTTP实例");
returnfalse;
}
http_request.open("GET",url,true);
http_request.send(null);
varobj=document.getElementById(objID);
http_request.onreadystatechange=function(){
if(http_request.readyState==4){
if(http_request.status==200){
obj.innerHTML=http_request.responseText;
}else{
alert('您请求的页面发现错误！');
}
}
}
}
</script>
</head>
<bodyonload="createRequest('content1.html','show')">
<divalign="center">
<ahref="content1.html"onclick="createRequest('content1.html','show');returnfalse;">no1</a>|
<ahref="content2.html"onclick="createRequest('content2.html','show');returnfalse;">no2</a>|
<ahref="content3.html"onclick="createRequest('content3.html','show');returnfalse;">no3</a>
</div>
<divid="show"align="center"></div>
</body>
</html>