一、什么是Ajax
Ajax英文全稱為“ Asynchr JavsScript and XML”(異步的JavaScript和XML),是一種創(chuàng)建交互式網(wǎng)頁的開發(fā)技術(shù)。
二、Ajax技術(shù)的核心
Ajax是一系列相關(guān)技術(shù)的融合,其核心包括XMLHttpRequest、JavsScript和DOM技術(shù),數(shù)據(jù)格式的不同可能會用到Json或者XML的技術(shù)。
XMLHttpRequest是它的核心的內(nèi)容,它能夠為頁面中的JavaScript腳本提供特定的通信方式,從而使頁面的javascript腳本和服務(wù)器之間形成動態(tài)交互的效果,XMLHTTPRequest的最大的優(yōu)點是頁面內(nèi)的javascript腳本可以不用刷新頁面,而直接和服務(wù)器發(fā)生交互,從而實現(xiàn)頁面無刷新的效果。
三、XMLHttpRequest方法屬性描述
1、方法描述
abort()停止當(dāng)前請求
getAllResponseHeaders()把HTTP請求的所有響應(yīng)首部作為鍵/值對返回
getResponseHeader("header")返回指定首部的串值
open("method","URL",[asyncFlag],["userName"],["password"])建立對服務(wù)器的調(diào)用。method參數(shù)可以是GET、POST或PUT。
url參數(shù)可以是相對URL或絕對URL。這個方法還包括3個可選的參數(shù),是否異步,用戶名,密碼
send(content)向服務(wù)器發(fā)送請求
setRequestHeader("header", "value")把指定首部設(shè)置為所提供的值。在設(shè)置任何首部之前必須先調(diào)用open()。
設(shè)置header并和請求一起發(fā)送 ('post'方法一定要 )
XMLHttpRequest 對象屬性描述
2、方法描述
onreadystatechange狀態(tài)改變的事件觸發(fā)器,每個狀態(tài)改變時都會觸發(fā)這個事件處理器,通常會調(diào)用一個JavaScript函數(shù)
readyState請求的狀態(tài)。有5個可取值:0 = 未初始化,1 = 正在加載,2 = 已加載,3 = 交互中,4 = 完成
responseText服務(wù)器的響應(yīng),返回數(shù)據(jù)的文本。
responseXML服務(wù)器的響應(yīng),返回數(shù)據(jù)的兼容DOM的XML文檔對象 ,這個對象可以解析為一個DOM對象。
responseBody服務(wù)器返回的主題(非文本格式)
responseStream服務(wù)器返回的數(shù)據(jù)流
status服務(wù)器的HTTP狀態(tài)碼(如:404 = "文件末找到" 、200 ="成功" ,等等)
statusText服務(wù)器返回的狀態(tài)文本信息 ,HTTP狀態(tài)碼的相應(yīng)文本(OK或Not Found(未找到)等等)
四、Ajax工作原理原理
AJAX的工作原理相當(dāng)于在用戶和服務(wù)器之間加了一個中間層,使用戶操作與服務(wù)器相應(yīng)異步化。并不是所有的用戶請求
都提交給服務(wù)器,像一些數(shù)據(jù)驗證和數(shù)據(jù)處理等都交給AJAX引擎自己來做,只有確定需要從服務(wù)器讀取新數(shù)據(jù)時再由
AJAX引擎代為向服務(wù)器提交請求。如圖:
新聞熱點
疑難解答
圖片精選