最简单的ajax,ajax读取页面内容
总有人把ajax搞得异常复杂,其实蛮简单的,给新手一个信心,以下是一个简单的例子,通过ajax来加载其它url的内容。
ajax.html,主页面
ajax.js,加载内容的jswindow.onload=initAll;var xhr=false;var xPos,yPos;function initAll(){var allLinks=document.getElementsByTagName("a");for(var i=0;i<allLinks.length;i++){allLinks[i].onmouseover=showPreview;allLinks[i].onmouseout=hidePreview;}}function showPreview(evt){getPreview(evt);return false;}function hidePreview(){document.getElementById("previewWin").style.visibility="hidden";}function getPreview(evt){if(evt){var url=evt.target;}else{evt=window.event;var url=evt.srcElement;}xPos=evt.clientX;yPos=evt.clientY;if(window.XMLHttpRequest){xhr=new XMLHttpRequest();}else{if(window.ActiveXObject){try{xhr=new ActiveXObject("Microsoft.XMLHTTP");}catch(e){}}}if(xhr){xhr.onreadystatechange=showContents;xhr.open("GET",url,true);xhr.send(null);}else{alert("不能发送ajax请求");}}function showContents(){var preWin=document.getElementById("previewWin");if(xhr.readyState==4){if(xhr.status==200){preWin.innerHTML=xhr.responseText;}else{preWin.innerHTML="ajax请求出错";}preWin.style.top=parseInt(yPos)+2+"px";preWin.style.left=parseInt(xPos)+2+"px";preWin.style.visibility="visible";preWin.onmouseout=hidePreview;}}