jquery解析xml文件

来源：互联网发布：松下多功能机软件编辑：程序博客网时间：2024/06/07 18:57

<?xml version="1.0" encoding="UTF-8"?><stulist>        <student  email="1@1.com">                  <name>zhangsan</name>                <id>1</id>        </student>        <student  email="2@2.com">               <name>lisi</name>                <id>2</id>        </student></stulist>

<!DOCTYPE html><html><head>    <title>jquery解析xml文件</title>    <script type="text/javascript" src=""></script>    <script type="text/javascript">        // 解析文件的注意事项        // 针对jsp代码 设置 response.setContentType("text/xml")        $.ajax({            url:"ajax.xml",            type:"GET",            dataType:"xml",            timeout:1000,            // 注意禁用缓存 $.ajax cache=false            // $.post是默认经常缓存的            // $.get url+new Date() url添加时间戳避免缓存            cache:false,            error:function(xml){                alert("加载xml文档出错");            },            success:function(xml){                //建立一个代码片段                var frag = $("<url/>");                //遍历所有的Student节点                $(xml).find("student").each(function(i){                    // 获取id节点                    var id = $(this).children("id"),                    // 获取文本节点                        id_value = id.text(),                    // 获取Student的值                        email = $(this).attr("email");                     //构建html字符串 通过append方法追加到页面上                     frag.append("<li>"+id_value+"-"+email+"</li>");                });                // 最后将frag添加到HTML文档中                frag.appendTo("#load");            }    });    </script></head><body>    <button>加载</button>    <div id="load"></div></body></html>

阅读全文

0 0