JavaScript解析读取XML文档
2009-07-07 10:49
567 查看
应项目之需求,需用JS操作XML文档,遂上网查资料,感觉这篇文章还不错,特转载到此地,与大家共享!
原文章地址:http://hi.baidu.com/shirdrn/blog/item/7310cd4a0d1b312509f7ef9c.html
JavaScript解析读取XML文件,主要就是加载并解析XML文件,然后就可以测试解析的XML文件的内容,打印输出来。
编写了一个JavaScript的类来实现读取一个XML文件中的数据,实现代码如下所示:
其中,我们测试使用的XML文件user.xml的内容如下所示:
运行测试程序,解析结果输出如下所示:
在解析XML文件的时候,要保证对不同类型的浏览器提供支持,这里主要对IE和Mozillia浏览器,否则可能无法解析。
关于其它的说明,可以参看程序中的注释。
原文章地址:http://hi.baidu.com/shirdrn/blog/item/7310cd4a0d1b312509f7ef9c.html
JavaScript解析读取XML文件,主要就是加载并解析XML文件,然后就可以测试解析的XML文件的内容,打印输出来。
编写了一个JavaScript的类来实现读取一个XML文件中的数据,实现代码如下所示:
<script> /** * @author Shirdrn */ function XMLDoc(){}; // 定义一个XMLDoc类 XMLDoc.prototype.xmlFile = ""; // xmlFile为XMLDoc的一个成员,是指“.xml”文件 XMLDoc.prototype.parseXMLDoc = function(){ // 加载解析XML文件的成员方法 var docParser; if(window.ActiveXObject) { // IE浏览器支持 docParser = new ActiveXObject("Microsoft.XMLDOM"); docParser.async = "false"; docParser.load(this.xmlFile); return docParser; } else if(window.DOMParser) { // Mozillia浏览器支持 docParser = new DOMParser() return docParser.parseFromString(this.xmlFile,"text/xml"); } else { // 如果不是IE和Mozillia浏览器则无法解析,返回false。 return false; } } XMLDoc.prototype.print = function(readTagName,readTagCnt) { // 打印输出读取的XML文件的内容信息 var xmlDoc = this.parseXMLDoc(); // 调用成员方法parseXMLDoc()加载解析XML文件 var users = xmlDoc.getElementsByTagName(readTagName); // 获取指定标签名称的数据的一个数组users for(var i=0 ; i<users.length ; i++) { // 双重循环迭代输出 document.write("<B>第" + (i+1) + "条记录信息:</B><BR>"); for(var j=0 ; j<readTagCnt ; j++) { var tagname = users[i].childNodes[j].tagName; var textvalue = users[i].childNodes[j].text; document.write(tagname + " = " + textvalue + ".<BR>"); } } } var xmlDoc = new XMLDoc(); // 创建一个XMLDoc了IDE对象实例 xmlDoc.xmlFile = "user.xml"; // 设置对象实例的成员变量的数据 xmlDoc.print("user",6); // 打印输出 </script> |
<?xml version="1.0" encoding="utf-8" ?> - <users> - <user> <id>22240319830000</id> <name>Shirdrn</name> <age>26</age> <gender>男</gender> <email>shirdrn@hotmail.com</email> <phone>13843140000</phone> </user> - <user> <id>22040319860001</id> <name>Linda</name> <age>23</age> <gender>女</gender> <email>linda@hotmail.com</email> <phone>13843140002</phone> </user> </users> |
第1条记录信息: id = 22240319830000. name = Shirdrn. age = 26. gender = 男. email = shirdrn@hotmail.com. phone = 13843140000. 第2条记录信息: id = 22040319860001. name = Linda. age = 23. gender = 女. email = linda@hotmail.com. phone = 13843140002. |
关于其它的说明,可以参看程序中的注释。
相关文章推荐
- JavaScript 解析读取XML文档 实例代码
- JavaScript 解析读取XML文档
- JavaScript 解析读取XML文档
- JavaScript 解析读取XML文档 实例代码
- JavaScript 解析读取XML文档 实例代码(转)
- JavaScript学习5---Ajax返回xml文档及其解析
- JavaScript读取xml文档中的数据库,并分页显示
- JAVA读取XML,JAVA读取XML文档,JAVA解析XML文档,JAVA与XML,XML文档解析(Document Object Model, DOM)
- JAVA读取XML练习,JAVA读取XML文档,JAVA解析XML文档,JAVA与XML,XML文档解析,SAX (Simple API for XML)
- XML解析之sax解析案例(一)读取contact.xml文件,完整输出文档内容
- JavaScript向XML文档存储,读取和修改数据
- 原生javascript实现解析XML文档与字符串
- jquery 解析xml文档 读取属性及文本内容
- [javascript]—jQuery解析本地 XML 文档
- 读取XML文档解析信息
- JAVA读取XML,JAVA读取XML文档,JAVA解析XML文档,JAVA与XML,XML文档解析(Document Object Model, DOM)
- javascript读取XML文档
- [总结]客户端JavaScript读取Xml文档的例子!
- JavaScript解析XML文档成树菜单
- 文档解析之XML文档读取