ajax的交互流程是什么

這篇“ajax的交互流程是什么”除了程序員外大部分人都不太理解，今天小編為了讓大家更加理解“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的交互流程是什么”這一關鍵問題有了一定的理解，具體使用情況還需要大家自己動手實驗使用過才能領會，快去試試吧，如果想閱讀更多相關知識點的文章，歡迎關注億速云行業資訊頻道！