ajax讀取檔案中內容的程式碼例項

當前對於ajax的使用自然就不用說了，下面是一段利用ajax讀取文字內容的程式碼例項，希望能夠對初學者有所幫助，因為這是基礎的問題，對於稍有經驗的程式設計師都沒有問題，程式碼如下:

一.JavaScript程式碼:

[JavaScript] 純文字檢視 複製程式碼
function LoadXMLDoc(){ 
  var xmlhttp; 
  if(window.XMLHttpRequest){ 
    //標準瀏覽器 
    xmlhttp=new XMLHttpRequest(); 
  } 
  else{ 
    //IE6瀏覽器
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
  } 
  //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("thediv").innerHTML=xmlhttp.responseText; 
    } 
  } 
  xmlhttp.open("GET","doc/test.txt",true); 
  xmlhttp.send(); 
}

二.html頁面程式碼:

[HTML] 純文字檢視 複製程式碼
<div id="thediv">螞蟻部落歡迎您</div> 
<button type="button" onclick="LoadXMLDoc()">通過ajax改變內容(獲取test.txt上面的文字)</button>

以上程式碼只是關鍵部分的擷取，具體就不多介紹了。