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中文網其他相關文章！
