AJAX 操作步驟

本文不對 AJAX 細節做具體介紹，而是在總體上介紹一下 AJAX 操作的步驟。

更多 AJAX 相關知識可以參閱本版本的後續相關文章。

AJAX 操作從大致可以分為如下幾個操作步驟：

一.建立 XMLHttpRequest 物件例項：

要發起AJAX請求，首先要建立XMLHttpRequest物件例項。

程式碼片段如下：

[JavaScript] 純文字檢視 複製程式碼
let xhr = new XMLHttpRequest();

通過建構函式 XMLHttpRequest 建立物件例項，使用它就可以發起 AJAX 請求。

二.發起 HTTP 請求：

要從伺服器請求資料，需要發起 HTTP 請求。

這個需要結合前面建立的 XMLHttpRequest 物件例項完成。

程式碼片段如下：

[JavaScript] 純文字檢視 複製程式碼
let xhr = new XMLHttpRequest();
xhr.open('GET', 'http://www.softwhy.com/ant.php', true);

上述程式碼通過 open 方法向對應頁面發起 get 請求。

三.伺服器處理併發揮請求響應：

伺服器收到HTTP請求之後，會進行響應的處理，然後將響應發揮給客戶端。

這個應該是由後臺程式設計師負責，具體處理方式要根據具體的語言確定。

四.接收伺服器傳回的資料：

客戶端需要時刻準備好接收伺服器對於請求的響應狀態。

程式碼片段如下：

[JavaScript] 純文字檢視 複製程式碼
xhr.onreadystatechange = function(){
  // code 
}

通過 readystatechange 事件監聽通訊狀態的變化，然後做出對應的操作。

當然裡面還有需要細節，本文不會做介紹，在其他相關文章會進行詳細演示。