JavaScript调用ajax获取文本文件内容的实现代码

近几年JQuery写了很多，传统的javascript已经很久没有写了，很多东西都忘记了。有多少人还记得javascript中的ajax操作需要XMLHttpRequest对象的帮助。事实上，这也是jquery的ajax本质。今天，我将花一点时间来演示如何使用传统的javascript来获取文本内容并将其显示在页面上。废话不多，但是代码直接写，注释写的很详细。大家应该都能看懂：复制代码的代码如下： Script Type=' text/javascript '/(a)获取文本文件的方法(传统JavaScript实现AJAX编写)函数加载xmldoc1(){ var xmlhttp；if(窗口。XMLHttpRequest){//IE7、火狐、Chrome、Opera、Safari的代码xmlhttp=new XMLHttpRequest()；} else {//IE6的代码，IE5 xmlhttp=new ActiveX object(' Microsoft。XMLHTTP’)；} //onreadyStatechange存储一个函数(或函数名)，每当readystate属性更改时都会调用该函数。xmlhttp . onreadystatechange=function(){//readystate//的状态为XMLHttpRequest。从0更改为4。//0:请求未初始化//1:服务器连接已建立//收到2:请求//正在处理：请求//4:请求已完成。回应已经准备好了。//status//200: ' ok '//404:页面if(xmlhttp . readystate==4xmlhttp . status==200){ document . getelementbyid(' mydiv 1 ')。找不到innerhtml=xmlhttp . response text；} } xmlhttp.open('GET '，' doc/test1.txt '，true)；xmlhttp . send()；} html页面代码：复制代码如下：正文表单id=' form 1 ' runat=' server ' %-获取服务器上的文本文件并显示它-% div id=' mydiv 1 ' H2通过ajax更改内容/H2/Div button id=' btnchange 1 ' type=' button ' onclick=' loadxmldoc1()'通过AJAX更改内容(获取上面的文本test1.txt) /button /form /body演示效果：。