提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

javascript结合ajax读取txt文件内容

JavaScript文件AJAX 内容 读取 结合 txt
2023-06-13 09:15:32 时间

代码很简洁，这里就不多废话了，直接上源码

html代码

复制代码代码如下:


 <!doctypehtml>
 <html>
 <head>
     <metacharset="utf-8"/>
     </head>
     <body>
         <buttontype="button" onclick="show()">请求数据</button>
        <scriptsrc="ajax.js"></script>
        <script>
          functionshow(){
            Ajax("read.txt?datetime=newDate.getTime",function(str){alert(str);},function(){alert("失败了");})
          };
        </script>
     </body>
 </html>

javascript代码

复制代码代码如下:


 functionAjax(url,fnSucc,fnFaild)
            {
                 //1.创建ajax对象
               if(window.XMLHttpRequest)
                {//codeforIE7+,Firefox,Chrome,Opera,Safari
                     varoAjax=newXMLHttpRequest();
                }
               else
                {//codeforIE6,IE5
                    varoAjax=newActiveXObject("Microsoft.XMLHTTP");
                }
                //2.链接服务器（打开服务器的连接）
                //open(方法，文件名，异步传输)
                oAjax.open("GET",url,true);
                //3.发送
                oAjax.send();
                //4.接收返回
                oAjax.onreadystatechange=function()
                   {
                     if(oAjax.readyState==4)
                     {
                       if(oAjax.status==200)
                         {
                           fnSucc(oAjax.responseText); 
                         }
                      else
                         {
                          fnFaild(oAjax.status);
                         }
                     };
                };
             }

请求的文件为read.txt

内容随便填写

相关文章