目錄
-
ajax
1. XMLHttpRequest對象
2. 發(fā)出請求的方法
-
2.1XMLHttpRequest.open()
2.2XMLHttpRequest.setRequestHeader()
2.3 XMLHttpRequest.send()
3.XMLHttpRequest的響應(yīng)狀態(tài)
-
3.1XMLHttpRequest.readyState
3.2 XMLHttpRequest.status
4.處理函數(shù)
-
5. 簡單示例
-
參考:
-
總結(jié)
php小編草莓帶您深入了解php實現(xiàn)ajax動態(tài)網(wǎng)頁及相關(guān)函數(shù)詳解。ajax技術(shù)能夠使網(wǎng)頁實現(xiàn)異步加載,提升用戶體驗,而php作為后端腳本語言,與ajax配合使用能夠?qū)崿F(xiàn)更多的功能和效果。本文將為您詳細解析php如何實現(xiàn)ajax動態(tài)網(wǎng)頁,以及相關(guān)的函數(shù)和用法,幫助您更加深入地了解和應(yīng)用這一技術(shù)。
AJAX
AJAX(Asynchronous javascript and xml)是一種用于創(chuàng)建動態(tài)網(wǎng)頁的技術(shù),該技術(shù)可以通過后臺與服務(wù)器進行指定的數(shù)據(jù)交換,從而使得不必重新加載整個頁面情況下對網(wǎng)頁進行局部刷新。
php小編草莓帶您深入了解php實現(xiàn)ajax動態(tài)網(wǎng)頁及相關(guān)函數(shù)詳解。ajax技術(shù)能夠使網(wǎng)頁實現(xiàn)異步加載,提升用戶體驗,而php作為后端腳本語言,與ajax配合使用能夠?qū)崿F(xiàn)更多的功能和效果。本文將為您詳細解析php如何實現(xiàn)ajax動態(tài)網(wǎng)頁,以及相關(guān)的函數(shù)和用法,幫助您更加深入地了解和應(yīng)用這一技術(shù)。
1. XMLHttpRequest對象
XMLHttpRequest 用于在后臺與服務(wù)器交換數(shù)據(jù)。
通過variable=new XMLHttpRequest()
創(chuàng)建新對象給變量variable。
//如果有request請求則創(chuàng)建新對象 if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 執(zhí)行代碼 xmlhttp=new XMLHttpRequest(); } else { // IE6, IE5 執(zhí)行代碼 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }
登錄后復(fù)制
php小編草莓帶您深入了解php實現(xiàn)ajax動態(tài)網(wǎng)頁及相關(guān)函數(shù)詳解。ajax技術(shù)能夠使網(wǎng)頁實現(xiàn)異步加載,提升用戶體驗,而php作為后端腳本語言,與ajax配合使用能夠?qū)崿F(xiàn)更多的功能和效果。本文將為您詳細解析php如何實現(xiàn)ajax動態(tài)網(wǎng)頁,以及相關(guān)的函數(shù)和用法,幫助您更加深入地了解和應(yīng)用這一技術(shù)。
2. 發(fā)出請求的方法
xmlhttp.open("GET","test.PHP?q="+parameter,true); xmlhttp.send();
登錄后復(fù)制
php小編草莓帶您深入了解php實現(xiàn)ajax動態(tài)網(wǎng)頁及相關(guān)函數(shù)詳解。ajax技術(shù)能夠使網(wǎng)頁實現(xiàn)異步加載,提升用戶體驗,而php作為后端腳本語言,與ajax配合使用能夠?qū)崿F(xiàn)更多的功能和效果。本文將為您詳細解析php如何實現(xiàn)ajax動態(tài)網(wǎng)頁,以及相關(guān)的函數(shù)和用法,幫助您更加深入地了解和應(yīng)用這一技術(shù)。
2.1XMLHttpRequest.open()
規(guī)定請求的類型、URL 以及是否異步處理請求。
Syntax
XMLHttpRequest.open(method, url, async, user, passWord)
登錄后復(fù)制
Parameters
method :對http請求類型,如GET
,POST
,PUT
,HEAD
url:文件在服務(wù)器地址async:是否選擇異步處理,默認(rèn)為trueuser, password (可選)用于身份認(rèn)證,默認(rèn)為null
php小編草莓帶您深入了解php實現(xiàn)ajax動態(tài)網(wǎng)頁及相關(guān)函數(shù)詳解。ajax技術(shù)能夠使網(wǎng)頁實現(xiàn)異步加載,提升用戶體驗,而php作為后端腳本語言,與ajax配合使用能夠?qū)崿F(xiàn)更多的功能和效果。本文將為您詳細解析php如何實現(xiàn)ajax動態(tài)網(wǎng)頁,以及相關(guān)的函數(shù)和用法,幫助您更加深入地了解和應(yīng)用這一技術(shù)。
2.2XMLHttpRequest.setRequestHeader()
設(shè)置HTTP請求頭部的方法。此方法必須在 open()
方法和 send()
之間調(diào)用
Syntax
XMLHttpRequest.setRequestHeader(header, value)
登錄后復(fù)制
Parameter
header:屬性名稱
valueL:屬性的值
php小編草莓帶您深入了解php實現(xiàn)ajax動態(tài)網(wǎng)頁及相關(guān)函數(shù)詳解。ajax技術(shù)能夠使網(wǎng)頁實現(xiàn)異步加載,提升用戶體驗,而php作為后端腳本語言,與ajax配合使用能夠?qū)崿F(xiàn)更多的功能和效果。本文將為您詳細解析php如何實現(xiàn)ajax動態(tài)網(wǎng)頁,以及相關(guān)的函數(shù)和用法,幫助您更加深入地了解和應(yīng)用這一技術(shù)。
2.3 XMLHttpRequest.send()
發(fā)送請求至服務(wù)器
Syntax
XMLHttpRequest.send(str)
登錄后復(fù)制
Parameter
str:如果請求方法是 GET 或者 HEAD,則應(yīng)將之設(shè)為null
php小編草莓帶您深入了解php實現(xiàn)ajax動態(tài)網(wǎng)頁及相關(guān)函數(shù)詳解。ajax技術(shù)能夠使網(wǎng)頁實現(xiàn)異步加載,提升用戶體驗,而php作為后端腳本語言,與ajax配合使用能夠?qū)崿F(xiàn)更多的功能和效果。本文將為您詳細解析php如何實現(xiàn)ajax動態(tài)網(wǎng)頁,以及相關(guān)的函數(shù)和用法,幫助您更加深入地了解和應(yīng)用這一技術(shù)。
3.XMLHttpRequest的響應(yīng)狀態(tài)
php小編草莓帶您深入了解php實現(xiàn)ajax動態(tài)網(wǎng)頁及相關(guān)函數(shù)詳解。ajax技術(shù)能夠使網(wǎng)頁實現(xiàn)異步加載,提升用戶體驗,而php作為后端腳本語言,與ajax配合使用能夠?qū)崿F(xiàn)更多的功能和效果。本文將為您詳細解析php如何實現(xiàn)ajax動態(tài)網(wǎng)頁,以及相關(guān)的函數(shù)和用法,幫助您更加深入地了解和應(yīng)用這一技術(shù)。
3.1XMLHttpRequest.readyState
返回代理請求當(dāng)前所處的狀態(tài)。
值 | 狀態(tài) | 描述 |
---|---|---|
0 | UNSENT | 代理被創(chuàng)建,但尚未調(diào)用 open() 方法。 |
1 | OPENED | open() 方法已經(jīng)被調(diào)用。 |
2 | HEADERS_RECEIVED | send() 方法已經(jīng)被調(diào)用,并且頭部和狀態(tài)已經(jīng)可獲得。 |
3 | LOADING | 下載中; responseText 屬性已經(jīng)包含部分?jǐn)?shù)據(jù)。 |
4 | DONE | 下載操作已完成。 |
php小編草莓帶您深入了解php實現(xiàn)ajax動態(tài)網(wǎng)頁及相關(guān)函數(shù)詳解。ajax技術(shù)能夠使網(wǎng)頁實現(xiàn)異步加載,提升用戶體驗,而php作為后端腳本語言,與ajax配合使用能夠?qū)崿F(xiàn)更多的功能和效果。本文將為您詳細解析php如何實現(xiàn)ajax動態(tài)網(wǎng)頁,以及相關(guān)的函數(shù)和用法,幫助您更加深入地了解和應(yīng)用這一技術(shù)。
3.2 XMLHttpRequest.status
返回請求響應(yīng)的數(shù)字狀態(tài)碼
值 | 狀態(tài) | 描述 |
---|---|---|
0 | UNSENT,OPENED | 請求未完成或者出錯 |
200 | Loading,DONE | 請求成功 |
php小編草莓帶您深入了解php實現(xiàn)ajax動態(tài)網(wǎng)頁及相關(guān)函數(shù)詳解。ajax技術(shù)能夠使網(wǎng)頁實現(xiàn)異步加載,提升用戶體驗,而php作為后端腳本語言,與ajax配合使用能夠?qū)崿F(xiàn)更多的功能和效果。本文將為您詳細解析php如何實現(xiàn)ajax動態(tài)網(wǎng)頁,以及相關(guān)的函數(shù)和用法,幫助您更加深入地了解和應(yīng)用這一技術(shù)。
4.處理函數(shù)
XMLHttpRequest.onreadystatechange
只要readystate屬性發(fā)生變換,就會調(diào)用出處理函數(shù)callback
Syntax
XMLHttpRequest.onreadystatechange = callback;
登錄后復(fù)制
php小編草莓帶您深入了解php實現(xiàn)ajax動態(tài)網(wǎng)頁及相關(guān)函數(shù)詳解。ajax技術(shù)能夠使網(wǎng)頁實現(xiàn)異步加載,提升用戶體驗,而php作為后端腳本語言,與ajax配合使用能夠?qū)崿F(xiàn)更多的功能和效果。本文將為您詳細解析php如何實現(xiàn)ajax動態(tài)網(wǎng)頁,以及相關(guān)的函數(shù)和用法,幫助您更加深入地了解和應(yīng)用這一技術(shù)。
5. 簡單示例
test.html
<!doctype html> <html lang='zh'> <meta charset="utf-8"> <head> <script> //自定義函數(shù)及參數(shù) function functest(parameter) { if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 執(zhí)行代碼 xmlhttp=new XMLHttpRequest(); } else { // IE6, IE5 執(zhí)行代碼 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } //onreadystatechange存儲函數(shù)(或函數(shù)名),每當(dāng) readyState 屬性改變時,就會調(diào)用該函數(shù) xmlhttp.onreadystatechange=function() { //xmlhttp.readyState==4 && xmlhttp.status==200表示請求完成并且成功返回 if (xmlhttp.readyState==4 && xmlhttp.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.php?q="+parameter,true); xmlhttp.send(); } </script> </head> <body> <fORM> //每輸入一個值調(diào)用functest()函數(shù) 測試輸入: <input type="text" onkeyup="functest(this.value)"> </form> <p>返回值: <span id="txtHint" style ='color:red'></span></p> </body> </html>
登錄后復(fù)制
test.php
<?php //從請求URL地址中獲取 q 參數(shù) $trans=$_GET["trans"]; //輸出返回值 echo "你好,陌生人。"; ?>
登錄后復(fù)制
php小編草莓帶您深入了解php實現(xiàn)ajax動態(tài)網(wǎng)頁及相關(guān)函數(shù)詳解。ajax技術(shù)能夠使網(wǎng)頁實現(xiàn)異步加載,提升用戶體驗,而php作為后端腳本語言,與ajax配合使用能夠?qū)崿F(xiàn)更多的功能和效果。本文將為您詳細解析php如何實現(xiàn)ajax動態(tài)網(wǎng)頁,以及相關(guān)的函數(shù)和用法,幫助您更加深入地了解和應(yīng)用這一技術(shù)。
參考:
[Documenting WEB technologies, including CSS, HTML, and JavaScript](MDN Web Docs (mozilla.org))
php小編草莓帶您深入了解php實現(xiàn)ajax動態(tài)網(wǎng)頁及相關(guān)函數(shù)詳解。ajax技術(shù)能夠使網(wǎng)頁實現(xiàn)異步加載,提升用戶體驗,而php作為后端腳本語言,與ajax配合使用能夠?qū)崿F(xiàn)更多的功能和效果。本文將為您詳細解析php如何實現(xiàn)ajax動態(tài)網(wǎng)頁,以及相關(guān)的函數(shù)和用法,幫助您更加深入地了解和應(yīng)用這一技術(shù)。