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