JavaScript基于Ajax实现不刷新在网页上动态显示文件内容
本文实例讲述了JavaScript基于Ajax实现不刷新在网页上动态显示文件内容的方法。分享给大家供大家参考。具体如下:
下面的JS代码是一个最基础的JS的ajax实现,可以动态显示服务器上的文件ajax_info.txt文件的内容
<!DOCTYPEhtml> <html> <head> <title>sharejs.com</title> <script> functionloadXMLDoc() { varxmlhttp; if(window.XMLHttpRequest) {//codeforIE7+,Firefox,Chrome,Opera,Safari xmlhttp=newXMLHttpRequest(); } else {//codeforIE6,IE5 xmlhttp=newActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if(xmlhttp.readyState==4&&xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","ajax_info.txt",true); xmlhttp.send(); } </script> </head> <body> <divid="myDiv"><h2>LetAJAXchangethistext</h2></div> <buttontype="button"onclick="loadXMLDoc()">ChangeContent</button> </body> </html>
希望本文所述对大家的Ajax程序设计有所帮助。