手机
当前位置:查字典教程网 >编程开发 >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文件的简单例子】相关文章:

xajax的FORM例子

Ajax初试之读取数据篇实现代码

Ajax读取txt并对txt内容进行分页显示功能

Ajax如何传输Json和xml数据

利用 Linq+Jquery+Ajax 实现异步分页功能可简化带宽压力

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

浅析IE针对Ajax请求结果的缓存问题

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

AJAX 用户注册时的应用实例

用Ajax读取XML格式的数据

精品推荐
分类导航