Ajax初試之讀取數(shù)據(jù)篇實(shí)現(xiàn)代碼

%
'出自：http://Www.Web666.Net
'作者：康董
'如需轉(zhuǎn)載請(qǐng)務(wù)必保留以上信息
'定義一個(gè)變量，來(lái)保存xml數(shù)據(jù)
dim xml
xml = "?xml version='1.0' encoding='gb2312'?>body>"
xml = xml"msg>一個(gè)簡(jiǎn)單的Asp輸出xml的示例，以后在我們的ajax教程實(shí)例中，我們都將使用該文件進(jìn)行數(shù)據(jù)的讀取操作/msg>"
xml=xml"/body>"
Response.Clear
Response.ContentType="text/xml"
Response.CharSet="gb2312"
Response.Write xml
Response.End
%>

html>
head>
title>創(chuàng)建一個(gè)可用的xmlhttpreuqest對(duì)象/title>
/head>
body>
div id="str">/div>!--請(qǐng)求回來(lái)的數(shù)據(jù)將顯示在該div中-->
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)寫(xiě)好的函數(shù)名稱
if(ajax.readyState==4){//數(shù)據(jù)返回成功
if(ajax.status==200){//http請(qǐng)求狀態(tài)碼返回ok
var xmlData = ajax.responseXML;
var msg = xmlData.getElementsByTagName("msg");//獲取所有的msg元素
var data = msg[0].firstChild.nodeValue;
document.getElementById("str").innerHTML = data;
}
}
}
ajax.send(null);
}
/script>
/body>
/html>