js读取xml文件

转载 2015年07月08日 10:12:45

代码:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js里各浏览器解析XML,支持IE、火狐、Chrome等</title>
</head>
<body>
    <script>
        function loadxmlDoc(file){
            try{
                //IE
                xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
            }catch(e){
                ////Firefox, Mozilla, Opera, etc
                xmlDoc=document.implementation.createDocument("","",null);
            }
            try{
                xmlDoc.async=false;
                xmlDoc.load(file);//chrome没有load方法
            }catch(e){
                //针对Chrome,不过只能通过http访问,通过file协议访问会报错
                var xmlhttp = new window.XMLHttpRequest();  
                xmlhttp.open("GET",file,false);  
                xmlhttp.send(null);  
                xmlDoc = xmlhttp.responseXML.documentElement; 
            }
            return xmlDoc;
        }
        var ob=loadxmlDoc("stu.xml");
        var stu=ob.getElementsByTagName("stu");
        for(var i=0;i<stu.length;i++){
            var  data=stu[i].childNodes;
            for(var j=0;j<data.length;j++){
                if(data[j].nodeType==1){
                    if(document.all)
                        document.write(data[j].text+" ");//IE
                    else
                        document.write(data[j].textContent+" ");
                }
            }
            document.write("<br/>");
        }
    </script>
</body>
</html>

xml文件

<?xml version="1.0" encoding="UTF-8"?>
<stulist>
    <stu>
        <name>张三</name>
        <age>20</age>
        <sex>男</sex>
        <classid>lamp87</classid>
    </stu>
    <stu>
        <name>李四</name>
        <age>22</age>
        <sex>女</sex>
        <classid>lamp86</classid>
    </stu>
    <stu>
        <name>王五</name>
        <age>21</age>
        <sex>女</sex>
        <classid>lamp87</classid>
    </stu>
     <stu>
        <name>王五</name>
        <age>21</age>
        <sex>女</sex>
        <classid>lamp87</classid>
    </stu>
    <stu>
        <name>赵六</name>
        <age>24</age>
        <sex>男</sex>
        <classid>lamp88</classid>
    </stu>
</stulist>


相关文章推荐

【JavaScript】JS读取XML文件并进行搜索

需求效果 点击链接,当前页面加载xml文件并展示对应内容 通过搜索框,搜索xml文件内节点数据,展示包含内容的节点数据 功能实现Demo最终实现效果 http://loadxmldemo.coderf...

js读取xml文件,解决浏览器兼容问题

js读取xml文件,解决浏览器兼容问题 使用children属性存在浏览器兼容问题,在ie中无法实现 $.ajax({ //请求方式为get type: "GET", //xml...

JS加载和读取XML文件

有时在开发时用到 JS 加载和读取XML文件的情况,写下提供参考,这里主要是分两步完成: 1,JS加载XML文件 步骤一般为(1),建立 XML DOM 对象;(2),设置加载方式,异步(推荐)或...

java和js操作XML文件

  • 2009-12-28 12:37
  • 1.19MB
  • 下载

js操作xml文件工具类

  • 2014-10-21 16:44
  • 14KB
  • 下载

Js操作xml文件

我的xml文件Login.xml如下.                       &#...

前端js中解析XML文件(一)

IE浏览器中的XML解析器是通过ActiveX控件所实现的,,通过以下的代码来引用XML解析器。var xmldoc = new ActiveXObject("Microsoft.XMLDOM");以...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)