[转]jQuery 读取 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");
}
});
[转]jQuery 读取 xml的更多相关文章
- jquery 读取xml
<script type="text/javascript" src="jquery/jquery-1.11.3.min.js"></scri ...
- JQuery读取XML文件
<?xml version="1.0" encoding="utf-8" ?> <taxrates> <taxrate id=&q ...
- jquery读取XML 生成页面文件
$.get("../../js/data.xml", function (xml) { $(xml).find("local").each(function ( ...
- javascript读取xml的方法【转载】
jquery读取xml文件 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http ...
- Js读取XML文件为List结构
习惯了C#的List集合,对于Javascript没有list 极为不舒服,在一个利用Js读取XML文件的Demo中,决定自己构建List对象,将数据存入List. 第一步,Js读取XML文件知识 X ...
- jQuery、JS读取xml文件里的内容（JS先通过document.implementation.createDocument方法将xml转换成document对象，jQuery将读取到的xml转成table）
xml文件:test.xml <?xml version="1.0"?> <note> <to>George</to> <fr ...
- 160928、JQuery解析XML数据的demo
用JavaScript解析XML数据是常见的编程任务,JavaScript能做的,JQuery当然也能做.下面我们来总结几个使用JQuery解析XML的例子. 方案1 当后台返回的数据类型是xml对象 ...
- PHP读取xml方法讲解
一,什么是xml,xml有什么用途 XML(Extensible Markup Language)即可扩展标记语言,它与HTML一样,都是SGML(Standard Generalized Marku ...
- jquery解析XML(1)
jquery解析XML文件 html代码 <!DOCTYPE html><html><head><title>解析XML</title>&l ...
随机推荐
- 51Nod 1737 配对（树的重心）
http://www.51nod.com/onlineJudge/questionCode.html#!problemId=1737 题意: 思路: 树的重心. 树的重心就是其所以子树的最大的子树结点 ...
- vim 安装vim-airline
在.vimrc中添加 Plugin 'vim-airline/vim-airline' Plugin 'vim-airline/vim-airline-themes' 然后打开vim编辑器执行 :Pl ...
- java中interrupt、join、sleep、notify、notifyAll、wait详解
首先介绍一下中断概念:举个例子容易理解一点 例子:假如你正在给朋友写信,电话铃响了.这时,你放下手中的笔,去接电话.通话完毕,再继续写信.这个例子就表现了中断及其处理过程:电话铃声使你暂时中止当前的工 ...
- 这些HTML、CSS知识点，面试和平时开发都需要 No10-No11（知识点：表格操作、代码编写规则）
系列知识点汇总 1.基础篇 这些HTML.CSS知识点,面试和平时开发都需要 No1-No4(知识点:HTML.CSS.盒子模型.内容布局) 这些HTML.CSS知识点,面试和平时开发都需要 No5- ...
- python学习笔记（断言assert）
最近有了些时间 博主一直在python的unittest框架,这次想看看其他框架 先准备熟悉熟悉 pytest,由于unittest有自己断言方法 而pytest则是使用python自带的 asser ...
- kali debian linux 的samba 共享设置
1) 首先,默认的源http.kali.org 会自动帮你找镜像,问题是他找到了 mirrors.neusoft.edu.cn , 这个源速度虽然快,却是有问题的. 安装不了cifs-utils 2) ...
- 机器学习算法--svm实战
1.不平衡数据分类问题 对于非平衡级分类超平面,使用不平衡SVC找出最优分类超平面,基本的思想是,我们先找到一个普通的分类超平面,自动进行校正,求出最优的分类超平面 测试代码如下: import nu ...
- 过滤器系列（一）—— Bloom filter
因为要做过滤器相关内容,最近读了一些过滤器方面的文章,准备从中提取主要思想写几篇博客. 作为这系列的第一篇文章,首先得讲一下过滤器是干什么用的.从历史发展来看,过滤器最早出现是作为散列表的替代品,那么 ...
- Java 动态代理与反射机制
java动态代理必须的两个类与两个接口: 首先需要有一个接口(委托者需要实现该接口的方法)示例如下: <pre name="code" class="html&qu ...
- Python 编程核心知识体系-函数（二）
函数