[转]jQuery 读取 xml

XML 文件内容：

<?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>

html 文件内容：

<!DOCTYPE html>
<html>
<head><title> jQuery 解析 XML </title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(function() {$("button").click(function(){$.ajax({url:'ajax.xml',type: 'GET',dataType: 'xml',timeout: 1000,cache:false,error: function(xml){alert('加载XML文档出错');},success: function(xml){//建立一个代码片段var frag=$("<ul/>");//遍历所有student节点
                        $(xml).find("student").each(function(i){//获取id节点var id=$(this).children("id"), //获取节点文本
                                id_value=id.text(), //获取student下的email属性。
                                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>

        $.ajax({url: "xml/menu.xml",dataType: 'xml',type: 'GET',timeout: 2000,cache: false,error: function(xml) {alert("加载菜单时出错！");},success: function(xml) {//建立一个代码片段var frag = $("<ul/>");//遍历所有student节点$(xml).find("Root>Node:parent").each(function(i) {//获取student下的email属性。var text = $(this).attr("Text"),href = $(this).attr("NavigateUrl"),key  = $(this).attr("KeyIndex");//构造HTML字符串，通过append方法添加进之前建立代码片段frag.append("<li>" + text +"_"+href+ "_"+key+ "</li>");});//最后得到的frag添加进HTML文档中frag.appendTo("#load");}});

转载于:https://www.cnblogs.com/z5337/p/5124404.html

[转]jQuery 读取 xml相关推荐

HTML读取xml文件的三种办法
刚开始学这里的时候有点懵,以前没学过.但是学安卓动画(Animation)的时候接触过xml文件,总体来说不难. 一般来说xml文件用来储存数据,然后html读取它,主要介绍三种读取方式利用CSS读 ...
android读取xml 字符串,Android 读取本地Xml文件，并转换成String
问题不是解析本地 xml 文件, 而是要将 xml 文件中的所有内容(包含格式,标签等),直接转换成 String. 与前端H5页面交互时, iOS 在请求远程 xml 文件耗时太长(有时需要4~5 ...
SQL Server中读取XML文件的简单做法
SQL Server 2000使得以XML导出数据变得更加简单,但在SQL Server 2000中导入XML数据并对其进行处理则有些麻烦.本文介绍在SQL Server中读取XML文件的简单做法. ...
【OpenCV 4开发详解】保存和读取XML和YMAL文件
本文首发于"小白学视觉"微信公众号,欢迎关注公众号本文作者为小白,版权归人民邮电出版社发行所有,禁止转载,侵权必究! 经过几个月的努力,小白终于完成了市面上第一本OpenCV 4 ...
在asp.net中读取XML文件信息的4种方法
方法一 :使用XML控件 <% @ Page Language="C#"%> <html> <body> <h3 ...
[转帖]C#执行SQL脚本，读取XML文件
[转帖]C#执行SQL脚本,读取XML文件需要添加如下引用: using System.IO; using System.Data.SqlClient; using System.Collectio ...
java 存取xml数据_JAVA读取XML文件数据
XML文档内容如下: title1 title2 title3 JAVA代码如下: package cn.mylucene; import java.io.File; import java.io.I ...
在C#中使用XML指南之读取XML
对于XML,想必各位都比较了解,我也就不用费笔墨来描述它是什么了,我想在未来的Web开发中XML一定会大放异彩,XML是可扩展标记语言,使用它企业可以制定一套自己的数据格式,数据按照这种格式在网络中传 ...
C#中读取xml文件指定节点
假设xml文件内容是 <?xml version="1.0" encoding="utf-8"?> <Workflow> <A ...

[转]jQuery 读取 xml

[转]jQuery 读取 xml相关推荐

最新文章

热门文章