什么是AJAX?
AJAX全稱是 Asynchronous JavaScript And XML.
AJAX的特點(diǎn):
- 不刷新頁面更新網(wǎng)頁
- 在頁面加載后從服務(wù)器請求數(shù)據(jù)
- 在頁面加載后從服務(wù)器接收數(shù)據(jù)
- 在后臺向服務(wù)器發(fā)送數(shù)據(jù)
它是現(xiàn)在前端和后臺數(shù)據(jù)交互的主要方法
使用AJAX的步驟:
頁面的交互就像我們和他們的聯(lián)系一樣,分為四步:
1、選擇聯(lián)系對象,在程序中就是創(chuàng)建AJAX對象
2、選擇用什么方式聯(lián)系,我們可以選擇打電話,或者發(fā)短信,在程序中同樣有不同的關(guān)聯(lián)類型
3、發(fā)送請求,就像我們輸入電話號碼并撥通一樣,程序同樣有著發(fā)送請求的步驟
4、響應(yīng)請求,我們給別人打電話,他可能會接,也可能不接,接了我們會怎樣,不接又會作何反應(yīng),程序中也一樣,請求被響應(yīng)我們需要執(zhí)行什么功能,不被響應(yīng)又需要執(zhí)行什么功能,
就是一下步驟
1、創(chuàng)建AJAX對象
-
var oAjax = new XMLHttpRequest()
2、規(guī)定請求的類型 -
oAjax.open(method,url,async);分別代表請求的類型,請求地址和同步異步,true為異步,false為同步,因?yàn)楫惒侥芄ね瑫r傳輸大量數(shù)據(jù),所以我們主要使用異步,也就是true,同步很少被用到
3、發(fā)送請求 -
oAjax.send()
4、響應(yīng)請求 -
redyState屬性 - 存留XMLHttpRequest 的狀態(tài)
0: 請求未初始化
1: 服務(wù)器連接已建立
2: 請求已接收
3: 正在處理請求
4、 請求已完成且響應(yīng)已就緒* -
onreadystatechange屬性
定義當(dāng)readyState發(fā)生變化時執(zhí)行的函* -
status屬性 和statusText屬性 - status屬性和statusText屬性存有XMLHttpRequest對象的狀態(tài)
200: "OK"
403: "Forbidden"
404: "Page not found" - statusText:
返回狀態(tài)文本
注意: 以上屬性都是以AJAX對象為綁定對象