ajax的交互流程是什么

這篇“ajax的交互流程是什么”除了程序員外大部分人都不太理解，今天小編為了讓大家更加理解“ajax的交互流程是什么”，給大家總結了以下內容，具有一定借鑒價值，內容詳細步驟清晰，細節(jié)處理妥當，希望大家通過這篇文章有所收獲，下面讓我們一起來看看具體內容吧。

ajax交互流程的步驟：1、創(chuàng)建XMLHttpRequest對象；2、規(guī)定請求的類型、URL以及是否異步處理請求；3、設置發(fā)送信息至服務器時的內容編碼類型；4、發(fā)送請求；5、接受服務器響應數(shù)據(jù)；6、使用JS和DOM實現(xiàn)局部刷新。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

AJAX代表異步JavaScript和XML。它是一組用于異步顯示數(shù)據(jù)的相關技術。換句話說，它在不重新加載網(wǎng)頁的情況下發(fā)送和檢索數(shù)據(jù)。

ajax交互流程的步驟

1、創(chuàng)建 XMLHttpRequest 對象

var ajax = new XMLHttpRequest();

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

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

3、設置發(fā)送信息至服務器時的內容編碼類型

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

4、發(fā)送請求

ajax.send(null);

5、接受服務器響應數(shù)據(jù)

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

6、使用 JavaScript 和 DOM 實現(xiàn)局部刷新

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

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

區(qū)別：

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

(2)get傳輸速度比post快 根據(jù)傳參決定的。(post通過請求體傳參，后臺通過數(shù)據(jù)流接收。速度稍微慢一些。而get通過url傳參可以直接獲取)

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

(4)get獲取數(shù)據(jù) post上傳數(shù)據(jù)(上傳的數(shù)據(jù)比較多  而且上傳數(shù)據(jù)都是重要數(shù)據(jù)。所以不論在安全性還是數(shù)據(jù)量級 post是最好的選擇)

感謝您的閱讀，希望您對“ajax的交互流程是什么”這一關鍵問題有了一定的理解，具體使用情況還需要大家自己動手實驗使用過才能領會，快去試試吧，如果想閱讀更多相關知識點的文章，歡迎關注億速云行業(yè)資訊頻道！