本文实例讲述了JavaScript基于Ajax实现不刷新在网页上动态显示文件内容的方法。分享给大家供大家参考。具体如下：
下面的JS代码是一个最基础的JS的ajax实现，可以动态显示服务器上的文件ajax_info.txt文件的内容
<!DOCTYPE html> <html> <head> <title>sharejs.com</title> <script> function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("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> <div id="myDiv"><h2>Let AJAX change this text</h2></div> <button type="button">Change Content</button> </body> </html>
希望本文所述对大家的Ajax程序设计有所帮助。
【JavaScript基于Ajax实现不刷新在网页上动态显示文件内容】相关文章：
★ 使用Yii整合的pjax（pushstate+ajax）实现无刷新加载页面
★ 基于iframe实现ajax跨域请求 获取网页中ajax数据