首頁  >  文章  >  後端開發  >  ajax1—php(27)

ajax1—php(27)

WBOY
WBOY原創
2016-08-08 09:24:301036瀏覽

一 簡介

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教學有興趣的朋友有幫助。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn