XmlHttp是一套可以在Javascript、VbScript、Jscript等腳本語言中通過http協(xié)議傳送或從接收XML及其他數(shù)據(jù)的一套API。XmlHttp最大的用處是可以更新網(wǎng)頁的部分內(nèi)容而不需要刷新整個(gè)頁面。幾乎所有的瀏覽器都支持XMLHttpRequest對象，它是Ajax應(yīng)用的核心技術(shù)。
js代碼如下：
html>
head>
title> New Document /title>
meta charset="utf-8">
/head>
script type="text/javascript">
/**創(chuàng)建 XMLHttpRequest 對象
*IE7+、Firefox、Chrome、Safari 以及 Opera均內(nèi)建 XMLHttpRequest 對象
*IE5,IE6使用ActiveX對象，xmlHttp = new ActiveXObject("Microsoft.XMLHTTP")
**/
function createXMLHttpRequest(){
var xmlHttp;
if (window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}else{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlHttp.onreadystatechange = function(){
if (xmlHttp.readyState == 4)
{
if (xmlHttp.status == 200)
{
document.getElementById("myDiv").innerHTML = xmlHttp.responseText;
}
}else{
document.getElementById("myDiv").innerHTML = "正在加載...";
}
};
//向服務(wù)器放松請求
xmlHttp.open("GET","test.php",true);
xmlHttp.send();
}
/script>
body>
input type="button" onclick="createXMLHttpRequest()" value="請求數(shù)據(jù)" />
div id="myDiv">/div>
/body>
/html>
對上面js代碼部分解釋：
(1).XMLHttpRequest對象的onreadystatechange屬性，當(dāng)請求被發(fā)送到服務(wù)器時(shí)，需要執(zhí)行任務(wù)。每當(dāng) readyState 改變時(shí)，就會(huì)觸發(fā)onreadystatechange事件。
(2).XMLHttpRequest對象的readyState屬性,存有 XMLHttpRequest 的狀態(tài)(0~4)。
- 0: 請求未初始化
- 1: 服務(wù)器連接已建立
- 2: 請求已接收
- 3: 請求處理中
- 4: 請求已完成，且響應(yīng)已就緒
(3).open(method,url,async) 方法：規(guī)定請求的類型、URL 以及是否異步處理請求。
(4).send(content) 向服務(wù)器發(fā)送請求。
以上就是Ajax創(chuàng)建簡單實(shí)例代碼，希望對大家的學(xué)習(xí)有所幫助，大家也可以自己動(dòng)手創(chuàng)建Ajax簡單實(shí)例。
您可能感興趣的文章:- 原生ajax調(diào)用數(shù)據(jù)實(shí)例講解
- 關(guān)于ajax的使用方法_例題、ajax的數(shù)據(jù)處理
