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>