html>
head>
title>ajax讀取數(shù)據(jù)到表格/title>
/head>
body>
input type="button" value="顯示數(shù)據(jù)" onclick="Post()" />
script type="text/javascript">
function ajax_xmlhttp(){
//在IE中創(chuàng)建xmlhttpRequest,適用于IE5.0以上所有版本
var msXmlhttp = new Array("Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0","Msxml2.XMLHTTP","Microsoft.XMLHTTP");
for(var i=0; imsXmlhttp.length; i++){
try
{
_xmlhttp=new ActiveXObject(msXmlhttp[i]);
}
catch(e)
{
_xmlhttp=null;
}
} //循環(huán)創(chuàng)建基于IE瀏覽器的xmlhttp.結(jié)束
//如果非IE瀏覽器，則創(chuàng)建基于FireFox等瀏覽器的xmlhttpRequest
if(!_xmlhttp typeof XMLHttpRequest != "undefined")
{
_xmlhttp=new XMLHttpRequest();
}
return _xmlhttp;
}

//發(fā)送請(qǐng)求函數(shù)
function Post(){
var ajax = ajax_xmlhttp(); //將xmlhttprequest對(duì)象賦值給一個(gè)變量．
ajax.open("post","web_ajax.asp",true);//設(shè)置請(qǐng)求方式，請(qǐng)求文件，異步請(qǐng)求
ajax.onreadystatechange = function(){//你也可以這里指定一個(gè)已經(jīng)寫好的函數(shù)名稱
if(ajax.readyState==4){//數(shù)據(jù)返回成功
if(ajax.status==200){//http請(qǐng)求狀態(tài)碼返回ok
var xmlData = ajax.responseXML;//接收返回xml格式數(shù)據(jù)
var read = xmlData.getElementsByTagName("read");//獲取所有的read標(biāo)簽
if(read.length!=0){
var t = document.createElement("table");//創(chuàng)建一個(gè)表格元素
t.setAttribute("border","1");
document.body.appendChild(t);//將表格添加到doby內(nèi)
for(var i=0;iread[0].childNodes.length;i++){
var tr = t.insertRow(t.rows.length);//添加一行
var td = tr.insertCell(0);//添加一列
td.innerHTML = read[0].childNodes[i].firstChild.nodeValue;//為單元格寫入文本內(nèi)容
}
}
}
}
}
ajax.send(null);
}
/script>
/body>
/html>