亚洲视频二区_亚洲欧洲日本天天堂在线观看_日韩一区二区在线观看_中文字幕不卡一区

目錄

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,HEADurl:文件在服務(wù)器地址async:是否選擇異步處理，默認為trueuser, password （可選）用于身份認證，默認為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)包含部分數(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ù)。

總結(jié)