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視頻教程】