| 标题 | javascript调用ajax获取文本文件内容实现代码 |
| 范文 | 这几年jquery写多了，传统地地javascript已经很久不写了，不少东西都忘掉了，还有多少人记的javascript中实现ajax操作需要借助xmlhttprequest对象，其实jquery地ajax本质也是这个，好了，今天就花点时间演示一下如何用传统javascript获取文本内容并展示在页面上，废话不多少，直接上代码，注释写地很详细，大家应该能看懂： 代码如下: <script type=text/javascript> //(a)①获取文本文件方法(传统javascript实现ajax写法) function loadxmldoc1() { 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); } //onreadystatechange 存储函数（或函数名），每当 readystate 属性改变时，就会调用该函数. xmlhttp.onreadystatechange=function() { //readystate //存有 xmlhttprequest 地状态.从 0 到 4 发生变化. //0: 请求未初始化 //1: 服务器连接已建立 //2: 请求已接收 //3: 请求处理中 //4: 请求已完成，且响应已就绪 //status //200: ok //404: 未找到页面 if (xmlhttp.readystate==4 && xmlhttp.status==200) { document.getelementbyid(mydiv1).innerhtml=xmlhttp.responsetext; } } xmlhttp.open(get,doc/test1.txt,true); xmlhttp.send(); } html页面代码： 代码如下: <body> <form id=form1 runat=server> <%-- 获取服务器上地文本文件并显示--%> <div id=mydiv1><h2>通过ajax改变内容</h2></div> <button id=btnchange1 type=button onclick=loadxmldoc1()>通过 ajax 改变内容(获取test1.txt上面地文本)</button> </form> </body> |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。