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

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

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

ajax交互流程的步驟

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

var ajax = new XMLHttpRequest();

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

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

3、設(shè)置發(fā)送信息至服務(wù)器時(shí)的內(nèi)容編碼類型

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

4、發(fā)送請(qǐng)求

ajax.send(null);

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

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

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

擴(kuò)展知識(shí)：ajax幾種請(qǐng)求方式？

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

區(qū)別：

(1)post比get安全 (因?yàn)閜ost參數(shù)在請(qǐng)求體中。get參數(shù)在url上面)

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

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

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

【相關(guān)教程推薦：AJAX視頻教程】