ajax的互動流程有哪幾步

ajax互動流程的步驟：1、建立XMLHttpRequest物件；2、規定請求的類型、URL以及是否非同步處理請求；3、設定傳送訊息至伺服器時的內容編碼類型；4、傳送請求； 5.接受伺服器回應資料；6、使用JS和DOM實現局部刷新。

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

AJAX代表非同步JavaScript和XML。它是一組用於非同步顯示資料的相關技術。換句話說，它在不重新載入網頁的情況下發送和檢索資料。

ajax互動流程的步驟

1、建立XMLHttpRequest 物件

var ajax = new XMLHttpRequest();

2、規定請求的類型、URL 以及是否異步處理請求。

ajax.open('GET',url,true);

3、設定傳送訊息至伺服器時的內容編碼類型

ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

4、傳送請求

ajax.send(null);

5、接受伺服器回應資料

ajax.onreadystatechange = function () {
    if (obj.readyState == 4 && (obj.status == 200 || obj.status == 304)) { 
    }
};

6.使用JavaScript 和DOM 實作局部刷新 

#擴充知識：ajax幾種請求方式？

常用的post、get、delete。不常用copy、head、link等等。

區別：

(1)post比get安全(因為post參數在請求體中。get參數在url上面)

(2)get傳輸速度比post快 根據傳參決定的。 (post透過請求體傳參，後台透過資料流接收。速度稍微慢一點。而get透過url傳參可以直接取得)

(3)post傳輸檔案大理論沒有限制  get傳輸檔案小大概7-8k ie4k左右

(4)get取得資料post上傳資料(上傳的資料比較多  而且上傳資料都是重要資料。所以無論在安全性或資料量級 post是最好的選擇)

【相關教學推薦：AJAX影片教學】

以上是ajax的互動流程有哪幾步的詳細內容。更多資訊請關注PHP中文網其他相關文章！