使用jQuery操作XML(转:http://www.pqshow.com/design/Javascript/200909/10223.html)
来源:互联网 发布:本地连接无法识别网络 编辑:程序博客网 时间:2024/06/06 01:06
上回介绍了使用XML DOM操作XML 地址在这
优点:速度快,本地可执行
缺点:需要额外的学习XMLDOM和XPATH相关知识,需要花时间:)
这次介绍使用jQuery固有方法操作XML
优点:只要会jQuery,不需要额外的XMLDOM,XPATH知识
缺点:速度比DOM慢,只能在服务器运行(必须使用http://xx.com/aa.htm这样的形式访问)
XML(data.xml)文件范例
<?xml version="1.0"?>
<root>
<picture>
<src>images/1.jpg</src>
<title>名称1</title>
<content>描述1</content>
</picture>
<picture>
<src>images/2.jpg</src>
<title>名称2</title>
<content>描述2</content>
</picture>
</root>
jQuery取第二张图片的URL
$.ajax({
url:"data.xml",
dataType:"xml",
type:"post",
success:function(xml){
alert($(xml).find("src").eq(1).text());
}
});
当然,直接打开文件是无效,你必须使用http://localhost/xx的形式访问
还是省地市联动例子(速度要比DOM直接处理慢一些)
<select id="sheng"></select>
<select id="shi"></select>
<select id="xian"></select>
<script src="jquery.js"></script>
<script>
$(function(){
$.ajax({url:"city1.xml",type:"post",dataType:"xml",success:function(msg){
$(msg).find("Root>Item[pid='0']").each(function(){
$("<option></option>").text($(this).attr("value")).val($(this).attr("id")).appendTo($("#sheng"));
});
$("#sheng").change(function(){
var id=$(this).val();
$("#shi").empty();
$(msg).find("Root>Item[pid='"+id+"']").each(function(){
$("<option></option>").text($(this).attr("value")).val($(this).attr("id")).appendTo($("#shi"));
});
$("#shi").change();
});
$("#shi").change(function(){
var id=$(this).val();
$("#xian").empty();
$(msg).find("Root>Item[pid='"+id+"']").each(function(){
$("<option></option>").text($(this).attr("value")).val($(this).attr("id")).appendTo($("#xian"));
});
});
$("#sheng").change();
$("#shi").change();
}
});
});
</script>
本文来自: PQ秀秀网(http://www.pqshow.com) 详细出处参考:http://www.pqshow.com/design/Javascript/200909/10223.html
- 使用jQuery操作XML(转:http://www.pqshow.com/design/Javascript/200909/10223.html)
- 使用JavaScript连接SqlServer数据库。执行CRUD操作。(http://www.ej38.com/showinfo/sqlserver-javascript-212187.html)
- Design & Pattern团队(http://www.cnblogs.com/team/DesignPattern.html)
- TinyXml 操作XML 常用操作 http://www.cnblogs.com/cy568searchx/p/3670400.html
- javaScript中利用ActiveXObject来创建FileSystemObject操作文件(转http://www.cnblogs.com/charles001/articles/555363.html)
- Js+XML 操作 http://www.cnblogs.com/skylaugh/archive/2006/09/15/505393.html
- [ASP.net(C#)]XML操作类(一)http://www.36588.com.cn/digital/article/article_22917_1.html
- http://www.cnblogs.com/onlys/articles/jQuery.html
- http://www.htmleaf.com/jQuery/Image-Effects/20141024290.html
- 关掉全世界杀软的bat文件:http://www.hookbase.com/design/HTML/15559.html
- 绕过Xplog70.dll玩入侵 转载自:http://www.hookbase.com/design/HTML/15567.html
- POI操作 http://www.cnblogs.com/dayuruozhi/p/6490793.html
- (跨域)JSONP原理 $.getJSON 用法 jquery跨域 (转http://www.cnblogs.com/myjavawork/articles/1911267.html)
- jQuery动态表格(转自:http://www.cnblogs.com/Zjmainstay/archive/2012/07/12/jQuery_autoAddDeleteTableTr.html)
- JavaScript this 关键字(转自http://www.cnblogs.com/yangjunwl/articles/1149869.html)
- JavaScript高级培训-自定义对象(转自:http://www.ccvita.com/94.html)
- 浅谈JavaScript、ES5、ES6 ,,转自http://www.cnblogs.com/lovesong/p/4908871.html
- C# 线程操作 转自http://www.cnblogs.com/mugua604/archive/2008/04/27/1172692.html
- nginx 处理请求
- 在Win7安装Oracle10g记录
- VC定时器SetTimer函数
- 对系统调用和CRT的层次理解
- Serv-U服务器中文乱码问题的解决方法
- 使用jQuery操作XML(转:http://www.pqshow.com/design/Javascript/200909/10223.html)
- Windows CE 6.0 R3 flash lite3.1播放器的版本
- 防范JAVA内存泄漏解决方案
- about AxVSFlex control
- 配置管理工程师
- 在linux下如何将文件夹打包
- Spring中Map的key为对象引用的注入
- 电子技术综合实验平台控制系统
- Replace My Word