JavaScript基于Ajax实现不刷新在网页上动态显示文件内容

2024-09-01 08:28:32

字体：大中小

来源：转载

供稿：网友

本文实例讲述了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" onclick="loadXMLDoc()">Change Content</button></body></html>

希望本文所述对大家的Ajax程序设计有所帮助。

上一篇：AJAX对服务器返回XML的处理方法

下一篇：ajax的get请求时缓存处理解决方法