一 簡介
web程式工作原理圖:
傳統的web程式工作原理圖:
Ajax工作原理圖:
1、 關於Ajax
l Asynchronous 非同步
l JavaScript
l And
l XML
Ajax就是利用javascript與xml和伺服器互動資料的一種技術
Xml:
Json:
2、 發展歷程
l 1998 誕生
l 2005年 流行
3、 運行平台
l Google Chrome
l Mozilla
l Firefox
l Internet Explorer
l Opera
l Konqueror
l Safari
二、 核心物件
XMLHttpRequest
一、創建物件
在不同的瀏覽器下,建立ajax物件的方式略有不同。
IE下:
new ActiveXObject("Microsoft.XMLHTTP")
w3c模型瀏覽器:
new XMLHttpRequest()
5、封裝ajax
呼叫程式碼:
三、Ajax物件相關屬性與方法:
1、 相關方法:
l open(method,url)
初始化ajax物件
method:請求方式 post、get
url:請求資源地址
l setRequestHeader(header,value)
設定請求頭資訊
Header:頭資訊
Value:值
l send(content)
發送請求
Content:所傳遞的參數 只有在post請求時才需要將參數放在這裡
2、 相關屬性:
l readyState
Ajax物件的狀態碼 ,這個狀態碼會隨時改變
0:表示物件已建立,但未初始化
1:表示物件已初始化,但未傳送
2:已呼叫send方法進行請求
3:正在接收資料(接收到一部分)
4:接收完成
l onreadystatechange
當ajax物件的狀態碼改變時,所觸發的回呼函數
l status
http回應狀態碼
l statusText
http回應的文字
l responseText
http回應內容的文字
l responseXML
http回應內容的xml資料
Ajax物件資料的傳遞主要有三種方式:
Text:responseText
Xml:reponseXML
Json:responseText
以上就介紹了ajax1—php(27),包含了面向的內容,希望對PHP教學有興趣的朋友有幫助。