[转]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 ...
随机推荐
- Redis之字符串
Redis 字符串 String 是redis最基本的类型,value 不仅可以是 String,也可以是数字. 使用 Strings 类型,可以完全实现目前 Memcached 的功能,并且效率更高 ...
- linux 查看数据库和表
mysql -h localhost -u 用戶名 -p密碼 //連接數據庫use desk_show; ...
- lnmp升级php
引言 服务器用的是lnmp一键安装包,但是php版本是5.5.项目用的是TP5.1需要php5.6的环境. 好慌! 进行升级操作 进入lnmp安装环境 ./upgrade.sh php 然后输入php ...
- redis缓存穿透、缓存击穿、缓存雪崩
缓存穿透 缓存穿透是指查询一个一定不存在的数据,由于缓存是不命中时需要从数据库查询,查不到数据则不写入缓存,这将导致这个不存在的数据每次请求都要到数据库去查询,造成缓存穿透. 解决办法: 预校验 在控 ...
- 【转】使用sklearn做特征工程
1 特征工程是什么? 有这么一句话在业界广泛流传:数据和特征决定了机器学习的上限,而模型和算法只是逼近这个上限而已.那特征工程到底是什么呢?顾名思义,其本质是一项工程活动,目的是最大限度地从原始数据中 ...
- TTL的具体含义
TTL(Time To Live)生存时间值,在IP数据包从源到目的的整个转发路径上,每经过一个路由器,路由器都会修改这个TTL字段值,具体的做法是把该TTL的值减1,然后再将IP包转发出去.如果在I ...
- poj3422
题解: 先奖每一个点裂开来 然后在见图 代码: #include<cstdio> #include<cmath> #include<cstring> #includ ...
- Redis.RedisNativeClient的方法get_Db 没有实现
C#出现问题:Redis.RedisNativeClient”的方法“get_Db”没有实现 ServiceStack.Redis.RedisNativeClient”的方法“get_Db”没有实现 ...
- epoll模型边沿触发
body, table{font-family: 微软雅黑; font-size: 10pt} table{border-collapse: collapse; border: solid gray; ...
- 【转】HTTP协议—— 简单认识TCP/IP协议
转自:www.cnblogs.com/roverliang/p/5176456.html 大学没读计算机专业,所以很多的专业知识都不知道.既然已经从事了IT这个行业,就势必要去了解下网络底层,虽然实际 ...