AJAX實(shí)例

實(shí)例一：一個(gè)簡(jiǎn)單的AJAX實(shí)例

創(chuàng)建一個(gè)簡(jiǎn)單的XMLHttpRequest，從一個(gè)TXT文件中返回?cái)?shù)據(jù)

實(shí)例

function?loadXMLDoc()

{

var?xmlhttp;

if?(window.XMLHttpRequest)

{

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

xmlhttp=new?XMLHttpRequest();

}

else

{

//?IE6,?IE5?瀏覽器執(zhí)行代碼

xmlhttp=new?ActiveXObject("Microsoft.XMLHTTP");

}

xmlhttp.onreadystatechange=function()

{

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

{

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

}

}

xmlhttp.open("GET","ajax_info.txt",true);

xmlhttp.send();

}

運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例

效果圖：

實(shí)例二：通過 XML HTTP 進(jìn)行一次指定的 HEAD 請(qǐng)求

實(shí)例

function?loadXMLDoc(url)

{

var?xmlhttp;

if?(window.XMLHttpRequest)

{//?code?for?IE7+,?Firefox,?Chrome,?Opera,?Safari

xmlhttp=new?XMLHttpRequest();

}

else

{//?code?for?IE6,?IE5

xmlhttp=new?ActiveXObject("Microsoft.XMLHTTP");

}

xmlhttp.onreadystatechange=function()

{

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

{

document.getElementById('p1').innerHTML="Last?modified:?"?+?xmlhttp.getResponseHeader('Last-Modified');

}

}

xmlhttp.open("GET",url,true);

xmlhttp.send();

}

運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例

效果圖：

實(shí)例三：把 XML 文件顯示為 HTML 表格

實(shí)例

function?onResponse()

{

if(xmlhttp.readyState!=4)?return;

if(xmlhttp.status!=200)

{

alert("Problem?retrieving?XML?data");

return;

}

txt="

x=xmlhttp.responseXML.documentElement.getElementsByTagName("CD");

for?(i=0;i

{

txt=txt?+?"

";

xx=x[i].getElementsByTagName("TITLE");

{

try

{

txt=txt?+?"

"?+?xx[0].firstChild.nodeValue?+?"";

}

catch?(er)

{

txt=txt?+?"

?";

}

}

xx=x[i].getElementsByTagName("ARTIST");

{

try

{

txt=txt?+?"

"?+?xx[0].firstChild.nodeValue?+?"";

}

catch?(er)

{

txt=txt?+?"

?";

}

}

txt=txt?+?"

";

}

txt=txt?+?"

";

document.getElementById('copy').innerHTML=txt;

}

運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例

效果圖：

總結(jié)

以上是生活随笔為你收集整理的ajax html例子,AJAX实例的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。