用Ajax讀取text數據

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">

<html>
 <head>
  <title>Ajax Hello world </title>
   
   <script type="text/javascript">
   var xmlHttp;
   
   //XMLHttpRequest對象初始化
    function createXMLHttpRequest(){
     if(window.ActiveXObject){
      xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
     }
     else if(window.XMLHttpRequest){
      xmlHttp = new XMLHttpRequest();
     }
    }
   
    //按鈕事件
    function startRequest(){
   
     createXMLHttpRequest();
     
     try{
      //xmlHttp狀態改變觸發器綁定事件
      xmlHttp.onreadystatechange = handleStateChange;

      xmlHttp.open("GET","data.txt",true);
      xmlHttp.send(null);
      
     }
     catch(exception)
     {
      alert("您訪問的資源不在");
     }
    }
   
   
    function handleStateChange(){
     if(xmlHttp.readyState == 4){
      //if(xmlHttp.status == 200 || xmlHttp.status ==0){
       //顯示返回結果
       alert("responseText's value:"+xmlHttp.responseText);
      //}
     }
    }
  </script>
  
  <body>
   <div>
    <input type="button" value="return" οnclick="startRequest();"/>
   </div> 
  </body>
 </html>

發佈了27 篇原創文章 · 獲贊 0 · 訪問量 14萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章