欢迎来到福编程网,本站提供各种互联网专业知识!

用Ajax读取xml文件的简单例子

发布时间:2008-04-28 作者: 来源:转载
Ajax的原理很简单,就是在客户端创建一个XMLHttpRequest对象(用来与服务器进行异步通信,这就是Ajax的核心,其实我们早就在用异步通信了,只是没把这项技术用在网页设计中而已),为该对象的onreadystatechange属性添加一个事件,当对象的readyState改变的时
到此就可以就发送请求读取服务器端的XML数据了,最后要做的就是处理数据了。关于XMLHttpRequest对象,请参考AboutXMLHttpRequestObject一文。

看例子:

//AjaxDemo.html




AsynchronousJavaScriptAndXML



varxmlHttp=null;
functionreadyStateChangeHandle()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
varxmlDOM=xmlHttp.responseXML;
varxmlRoot=xmlDOM.documentElement;
try
{
varxmlItem=xmlRoot.getElementsByTagName("item");
alert(xmlItem[0].firstChild.data);
}
catch(e)
{
alert(e.message);
}
}
}
}
functionajaxRequest()
{
if(window.XMLHttpRequest)
{
xmlHttp=newXMLHttpRequest();
}
elseif(window.ActiveXObject)
{
xmlHttp=newActiveXObject("Microsoft.XMLHTTP");
}
xmlHttp.onreadystatechange=readyStateChangeHandle;
xmlHttp.open("GET","data.xml",true);
xmlHttp.send(null);
}




//data.xml


WelcometotheworldofAJAX(AsynchronousJavaScriptAndXML)!

相关推荐