DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX基礎知識 >> 原生AJAX寫法實例分析
原生AJAX寫法實例分析
編輯:AJAX基礎知識     

本文實例分析了原生AJAX寫法。分享給大家供大家參考。具體分析如下:

雖然現在很多JS的框架提供了AJAX的調用方法,我們甚至不用去了解其具體的實現原理就可以直接調用了,但是我認為不去從最基礎的層面了解一個東西,就很難做到最好。

var XHR=null; 
if (window.XMLHttpRequest) { 
  // 非IE內核 
  XHR = new XMLHttpRequest(); 
} else if (window.ActiveXObject) { 
  // IE內核,這裡早期IE的版本寫法不同,具體可以查詢下 
  XHR = new ActiveXObject("Microsoft.XMLHTTP"); 
} else { 
  XHR = null; 
} 
 
if(XHR){ 
  XHR.open("GET", "ajaxServer.action"); 
 
  XHR.onreadystatechange = function () { 
    // readyState值說明 
    // 0,初始化,XHR對象已經創建,還未執行open 
    // 1,載入,已經調用open方法,但是還沒發送請求 
    // 2,載入完成,請求已經發送完成 
    // 3,交互,可以接收到部分數據 
 
    // status值說明 
    // 200:成功 
    // 404:沒有發現文件、查詢或URl 
    // 500:服務器產生內部錯誤 
    if (XHR.readyState == 4 && XHR.status == 200) { 
      // 這裡可以對返回的內容做處理 
      // 一般會返回JSON或XML數據格式 
      console.log(XHR.responseText); 
      // 主動釋放,JS本身也會回收的 
      XHR = null; 
    } 
  }; 
  XHR.send(); 
}

希望本文所述對大家的Ajax程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved