2012-11-11 来源:网络
【实例名称】
使用JavaScript加载XML文件
【实例描述】
JavaScript一般不能保存数据,使用XML可以方便地保存简单数据。本例学习如何使用JavaScript加载XML文件,并获取文件的内容。
【实例代码】
<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</title> <script type="text/javascript"> var xmlhttp; function getData() { //创建异步对象 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); //加载服务器-注意无参数 xmlhttp.Open("GET","XMLFile.xml",true) //异步对象事件挂钩 xmlhttp.onreadystatechange=stateChange; //发送请求-无参数 xmlhttp.Send(null); } function stateChange() { if(xmlhttp.readystate==4 && xmlhttp.status==200) { //获取所有返回的数据 var data=xmlhttp.ResponseText; //显示结果 document.getElementById("divlist").innerHTML=data; } } </script> </head> <body> <table style=" text-align:center"> <tr> <td style="text-align:center"> 显示从XML文件中获取的数据</td> </tr> <tr> <td style="text-align:center"> <input id="Button1" type="button" value="获取表格" onclick="getData()" /></td> </tr> <tr> <td style="text-align:center"> <div id="divlist"> </div> </td> </tr> </table>
</body> </html>
【运行效果】
【难点剖析】
本例的重点是msxml2.domDocument控件。首先使用“newActiveXObject”创建此组件,然后使用其中的“load”方法。加载指定的XML文件,最后使用DOM获取文件中的内容。
【源码下载】
为了JS代码的准确性,请点击:使用JavaScript加载XML文件 进行本实例源码下载
相关文章