第PHP實(shí)現(xiàn)AJAX動態(tài)網(wǎng)頁及相關(guān)函數(shù)詳解目錄AJAX1.XMLHttpRequest對象2.發(fā)出請求的方法2.1XMLHttpRequest.open()2.2XMLHttpRequest.setRequestHeader()2.3XMLHttpRequest.send()3.XMLHttpRequest的響應(yīng)狀態(tài)3.1XMLHttpRequest.readyState3.2XMLHttpRequest.status4.處理函數(shù)5.簡單示例參考:總結(jié)

AJAX

AJAX（AsynchronousJavaScriptandxml)是一種用于創(chuàng)建動態(tài)網(wǎng)頁的技術(shù)，該技術(shù)可以通過后臺與服務(wù)器進(jìn)行指定的數(shù)據(jù)交換，從而使得不必重新加載整個頁面情況下對網(wǎng)頁進(jìn)行局部刷新。

1.XMLHttpRequest對象

XMLHttpRequest用于在后臺與服務(wù)器交換數(shù)據(jù)。

通過variable=newXMLHttpRequest()創(chuàng)建新對象給變量variable。

//如果有request請求則創(chuàng)建新對象

if(window.XMLHttpRequest){

//IE7+,Firefox,Chrome,Opera,Safari執(zhí)行代碼

xmlhttp=newXMLHttpRequest();

}else{

//IE6,IE5執(zhí)行代碼

xmlhttp=newActiveXObject("Microsoft.XMLHTTP");

2.發(fā)出請求的方法

xmlhttp.open("GET","test.phpq="+parameter,true);

xmlhttp.send();

2.1XMLHttpRequest.open()

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

Syntax

XMLHttpRequest.open(method,url,async,user,password)

Parameters

method:對http請求類型，如GET,POST,PUT,HEADurl:文件在服務(wù)器地址async:是否選擇異步處理，默認(rèn)為trueuser,password（可選）用于身份認(rèn)證，默認(rèn)為null

2.2XMLHttpRequest.setRequestHeader()

設(shè)置HTTP請求頭部的方法。此方法必須在open()方法和send()之間調(diào)用

Syntax

XMLHttpRequest.setRequestHeader(header,value)

Parameter

header:屬性名稱

valueL:屬性的值

2.3XMLHttpRequest.send()

發(fā)送請求至服務(wù)器

Syntax

XMLHttpRequest.send(str)

Parameter

str：如果請求方法是GET或者HEAD，則應(yīng)將之設(shè)為null

3.XMLHttpRequest的響應(yīng)狀態(tài)

3.1XMLHttpRequest.readyState

返回代理請求當(dāng)前所處的狀態(tài)。

值狀態(tài)描述0UNSENT代理被創(chuàng)建，但尚未調(diào)用open()方法。1OPENEDopen()方法已經(jīng)被調(diào)用。2HEADERS_RECEIVEDsend()方法已經(jīng)被調(diào)用，并且頭部和狀態(tài)已經(jīng)可獲得。3LOADING下載中；responseText屬性已經(jīng)包含部分?jǐn)?shù)據(jù)。4DONE下載操作已完成。

3.2XMLHttpRequest.status

返回請求響應(yīng)的數(shù)字狀態(tài)碼

值狀態(tài)描述0UNSENT,OPENED請求未完成或者出錯200Loading，DONE請求成功

4.處理函數(shù)

XMLHttpRequest.onreadystatechange

只要readystate屬性發(fā)生變換，就會調(diào)用出處理函數(shù)callback

Syntax

XMLHttpRequest.onreadystatechange=callback;

5.簡單示例

test.html

!doctypehtml

htmllang='zh'

metacharset="utf-8"

head

script

//自定義函數(shù)及參數(shù)

functionfunctest(parameter){

if(window.XMLHttpRequest){

//IE7+,Firefox,Chrome,Opera,Safari執(zhí)行代碼

xmlhttp=newXMLHttpRequest();

}else{

//IE6,IE5執(zhí)行代碼

xmlhttp=newActiveXObject("Microsoft.XMLHTTP");

//onreadystatechange存儲函數(shù)（或函數(shù)名），每當(dāng)readyState屬性改變時，就會調(diào)用該函數(shù)

xmlhttp.onreadystatechange=function(){

//xmlhttp.readyState==4xmlhttp.status==200表示請求完成并且成功返回

if(xmlhttp.readyState==4xmlhttp.status==200)

//通過document.getElementById()調(diào)用標(biāo)簽寫入Value值。

document.getElementById("txtHint").innerHTML=xmlhttp.responseText;

//通過get調(diào)用服務(wù)器test.php的頁面，‘q'為定義的加載到PHP頁面的變量

xmlhttp.open("GET","test.phpq="+parameter,true);

xmlhttp.send();

/script

/head

body

form//每輸入一個值調(diào)用functest()函數(shù)

測試輸入:inputtype="text"onkeyup="functest(this.value)"

/form

p返回值:spanid="txtHint"style='color:red'/span/p

/body

/html

test.php

php

//從請求URL地址中獲取q參數(shù)

$trans