手机
当前位置:查字典教程网 >编程开发 >AJAX相关 >用Ajax读取xml文件的简单例子
用Ajax读取xml文件的简单例子
摘要:到此就可以就发送请求读取服务器端的XML数据了,最后要做的就是处理数据了。关于XMLHttpRequest对象,请参考AboutXMLHtt...

到此就可以就发送请求读取服务器端的XML数据了,最后要做的就是处理数据了。关于XMLHttpRequest对象,请参考AboutXMLHttpRequestObject一文。

看例子:

//AjaxDemo.html

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">

<head>

<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>

<title>AsynchronousJavaScriptAndXML</title>

</head>

<body>

<scripttype="text/javascript">

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);

}

</script>

<inputtype="button"onclick="ajaxRequest()"value="TakemetotheworldofAJAX"/>

</body>

</html>

//data.xml

<?xmlversion="1.0"encoding="GB2312"?>

<root>

<item>WelcometotheworldofAJAX(AsynchronousJavaScriptAndXML)!</item>

</root>

【用Ajax读取xml文件的简单例子】相关文章:

Ajax与JSON的一些学习总结

js跨域调用WebService的简单实例

AJAX简单异步通信实例分析

Ajax获取页面被缓存的解决方法

Ajax请求中async:false/true的作用分析

基于Ajax技术实现文件上传带进度条

Ajax的jsonp方式跨域获取数据的简单实例

js装载xml文件然后发向服务器的实现代码

Ajax按需读取数据生成下级菜单

Ajax如何传输Json和xml数据

精品推荐
分类导航