首頁 > web前端 > js教程 > javascript結合ajax讀取txt檔案內容_javascript技巧

javascript結合ajax讀取txt檔案內容_javascript技巧

WBOY
發布: 2016-05-16 16:28:56
原創
1773 人瀏覽過

程式碼很簡潔,這裡就不多廢話了,直接上原始碼

html代碼

複製程式碼 程式碼如下:

 
 
 
     
     
     
         
        
         <script><br />            function show(){<br />              Ajax('read.txt?datetime=new Date.getTime ',function(str){alert(str);},function(){alert('失敗了');})<br />            };<br />          </script>
     
 

javascript程式碼

複製程式碼 程式碼如下:

  function Ajax(url,fnSucc,fnFaild)
             {
                  //1.建立ajax物件
                if(window.XMLHttpRequest)
                 {// code for IE7 , Firefox, Chrome, Opera, Safari
                      var oAjax=new XMLHttpRequest();
                 }
                else
                 {// code for IE6, IE5
                     var oAjax=new ActiveXObject("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

內容隨便填入

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板