软件学堂

网游分类软件分类

使用JavaScript加载XML文件

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>

【运行效果】

 使用JavaScript加载XML文件运行效果

【难点剖析】

本例的重点是msxml2.domDocument控件。首先使用“newActiveXObject”创建此组件,然后使用其中的“load”方法。加载指定的XML文件,最后使用DOM获取文件中的内容。

【源码下载】

为了JS代码的准确性,请点击:使用JavaScript加载XML文件 进行本实例源码下载 

上一篇:将XML文件绑定到table代码怎么写
下一篇:使用userData保存文本内容

相关文章