- 浏览: 136171 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (172)
- java (172)
- c# winform 关于窗体最大化时的是否全屏效果与是否遮盖任务栏 (1)
- c# winform 只运行一个程序实例 (1)
- Shiro权限框架 (1)
- Java字节码(.class文件)的代码解析 (1)
- Hibernate、Spring和Struts工作原理及使用理由 (1)
- 基本PKG处理命令 (1)
- 最近写的代码的小结 (1)
- Dual Palindromes (1)
- 编译TortoiseSVN1.7源代码笔记 (1)
- Android项目代码混淆 (1)
- 关于就业叨咕几句 (1)
- Java重定向System.out和System.err (1)
- IHS与WAS集成插件静默安装 (1)
- 专题地图概述 (1)
- 关于MapXtreme2004附带Sample不能运行的问题 (1)
- SQL注入漏洞 (1)
- 回顾过去 展望未来(写给自己) (1)
- DB2认证考试经验谈(700&&701) (1)
- 今天用到了RM格式文件的分割工具RealProducer (1)
- 搜索引擎还是很有发展前途的 (1)
- 泰利德破解,实现学校机房免费上网 (1)
- Arduino 引言:移动互联外设传感展望 (1)
- c/c++ static 用法总结(三版本合一) (1)
- JQuery与xml的组合谈 (1)
- Android开发之消息处理机制(一)——Handler (1)
- Android开发之PopupWindow (1)
- 解析BitmapData.getPixel32()返回值因何不准确 (1)
- 关于Ext引用js的顺序问题 (1)
- Js事件大全 (1)
- 使用JavaFX2.0编写国际象棋游戏 (1)
- Hibernate/JPA常见异常分析与解决 (1)
最新评论
-
amcucn:
这排版看得
Shiro权限框架 -
WAMING5:
这也太紧凑了,眼看花了
Shiro权限框架 -
longzhun:
大虾 ,看得出你很懒啊!发个贴 这样子怎么看!!!
Shiro权限框架 -
swanky_yao:
活干的不细!!
Spring+Hibernate框架下Mysql读写分离、主从数据库配 -
饶首建:
不错,不过用处比较少吧
批处理设ip和dns
JQuery与xml的组合谈
今天谈的是XML,学java的一定很了解这个,如果你在学校学java过来的,也许这些知识,你根本接触不到,
作为自学Java的我,可以说java是我的第一语言了,学习时间最长,实际运用却很少,唯一的好处就是面向
对像的概念了解到了。了解到了面向对像与面向过程的关系。这里当然不讨论这个话题,人的学习过程,其
实就是自我的突破过程,别人给的知识,永远都是哪样容易忘记,留不下任何痕迹。悟性很重要,启发性思维
,举一反三,要达到这种境界,可不要小看了哦。如果你还不懂得XML是什么就去补一下功课吧,毕竟这些在学
校里是很难学习得到的。只要你一踏进计算机的世界,自学,孤独就成了分不开的伴了。黑暗和夜也继日的
调试,重写,永不停息的敲写代码。我在学校里学的并不是java,种种原因,迫使自己学了它。从JSP中学到了
XML,扩展标记语言。别人都说XML是web应用中的世界性语言,其实我理解的并不是很深刻,是因为自己出道
很浅,项目经验不足所致。理解一样东西,能不能按其本身正确理解,其实很多时候,我们理解不正确,都是
原因我们自己还没有达到理解这种东西的境界。有人说知音难求,我能理解说这话人的心境,因为很多人的境
界等同不到他,自然理解不了你,知音真的是很难找的。当你利用不上某项东西的时候,你就永远发现不了
它的好处,你们同意这个观点吗?至少我现在同意,呵呵……
XML从一开始,我以为它只是Html的扩展,这有什么用呢?还学了文档类型定义,很多很多关于这方面
知识。有的时候我们会不会发现,知识很多,要用得到却很少,但是如果你不了解有这些知识,似乎又搞不出
什么东东来,我们时间很有限,不可能遍及所有知识并把它学懂学透。讲解这些东西,可能一两天也讲不完,
算了,我还是跳过吧。XML的定义我记不起来了。我只知道:
形如以下形式的就内容就被称之为XML文档:
<?xml version="1.0" encoding="utf-8"?>
<books>
<book name="js大全"></book>
<book name="js大全"></book>
<book name="js大全"></book>
<book name="js大全"></book>
</books>
这就是一个XML,不知道在看你承不承,反正我是认同了。如果你的英语够强,以上只有一个?需要加以解析
<?是文档声时,声明什么呢,声明了这个XML版本为1.0,文档的编码为utf-8,我不知道在这里可不可以大写,但
是我还是劝大写保持小写的习惯。以免不必要的麻烦。
我要说的,如今调用XML方便多了,我以前调用的时候,还要自己返回XMLRequest对像,如果版本不同,我还要
区分不同的web代理的类型。现在因为我们有了jquery,因为它里面已经替我们封装好了一切想好的调用。
下面用代码展示一下:
$(document).ready(function(){
loadXML();
});
var XML={
xml:null
};
function loadXML(){
$.ajax({
type: "GET",
url: "nav.xml",
dataType: "xml",
success: function (d) {
XML.xml=$(d);
var html="";
$(d).find("nav_1").each(function(i){
html+="<a id='"+$(this).attr("id")+"' href='"+$(this).attr("url")+"' onclick='reWHtml(this)'>";
html+=$(this).attr("title")+"</a>";
});
$("#ul_nav li").hide();
$("#ul_nav li").eq(0).show().html(html);
},
error:function(d){alert('err:'+d)}
})
}
function reWHtml(id){
var i=$(id).attr("id");
var p_i=eval($(id).parent().attr("name"));
var xml_o=XML.xml.find("[id="+i+"]");
var html="";
xml_o.children().each(function(i){
html+="<a id='"+$(this).attr("id")+"' href='"+$(this).attr("url")+"' onclick='reWHtml(this)'>";
html+=$(this).attr("title")+"</a>";
});
$("#ul_nav li").eq(p_i).show().html(html);
for(var j=3;j>p_i;j--){
$("#ul_nav li").eq(j).hide();
}
}
这是我写的一个XML的简单应用,做的一个四级导航。当然XML文档我会给大家:
XML文档内容:
<?xml version="1.0" encoding="utf-8" ?>
<nav>
<nav_1 title="吃喝56" url="javascript:;" id="1">
<nav_2 title="地方菜系1" url="javascript:;" id="11" >
<nav_3 title="家乡菜" url="javascript:;" id="111">
<nav_4 title="菜中菜" url="#" id="1111"></nav_4>
<nav_4 title="菜中菜" url="#" id="1111"></nav_4>
<nav_4 title="菜中菜" url="#" id="1111"></nav_4>
<nav_4 title="菜中菜" url="#" id="1111"></nav_4>
</nav_3>
<nav_3 title="家乡菜" url="javascript:;" id="112"></nav_3>
</nav_2>
<nav_2 title="地方菜系1" url="javascript:;" id="12" ></nav_2>
<nav_2 title="地方菜系1" url="javascript:;" id="13" ></nav_2>
<nav_2 title="地方菜系1" url="javascript:;" id="14" ></nav_2>
<nav_2 title="地方菜系1" url="javascript:;" id="15" ></nav_2>
</nav_1>
<nav_1 title="吃喝2" url="javascript:;" id="2">
<nav_2 title="地方菜系2" url="javascript:;" id="21">
<nav_3 title="湖南菜" url="javascript:;" id="211"></nav_3>
<nav_3 title="湖南菜" url="javascript:;" id="212"></nav_3>
<nav_3 title="湖南菜" url="javascript:;" id="213"></nav_3>
<nav_3 title="湖南菜" url="javascript:;" id="214"></nav_3>
</nav_2>
<nav_2 title="地方菜系2" url="javascript:;" id="22">
<nav_3 title="湖南菜2" url="javascript:;" id="221"></nav_3>
<nav_3 title="湖南菜2" url="javascript:;" id="222"></nav_3>
<nav_3 title="湖南菜2" url="javascript:;" id="223"></nav_3>
<nav_3 title="湖南菜2" url="javascript:;" id="224"></nav_3>
</nav_2>
<nav_2 title="地方菜系2" url="javascript:;" id="23"></nav_2>
<nav_2 title="地方菜系2" url="javascript:;" id="24"></nav_2>
<nav_2 title="地方菜系2" url="javascript:;" id="25"></nav_2>
<nav_2 title="地方菜系2" url="javascript:;" id="26"></nav_2>
</nav_1>
<nav_1 title="吃喝3" url="javascript:;" id="3">
<nav_2 title="地方菜系3" url="javascript:;" id="31"></nav_2>
<nav_2 title="地方菜系3" url="javascript:;" id="32"></nav_2>
<nav_2 title="地方菜系3" url="javascript:;" id="33"></nav_2>
<nav_2 title="地方菜系3" url="javascript:;" id="34"></nav_2>
</nav_1>
</nav>
形如这个内容一样,当点选nav_1,就会跳到nav_2,当点选nav_2,就会跳到nav_3,当你点选nav_1的时候,
刚才谈出的nav_3就会自动消失,因为你没点nav_2,当然我还要给出Html.
html:
<ul id="ul_nav">
<li name="1">
</li>
<li name="2">
</li>
<li name="3">
</li>
<li name="4">
</li>
</ul>
这个代码的意思就是一级菜单在name="1"里面,二级菜单会生成在2里面,依次类推,呵呵…………应该不
难理解吧。
就到这里了,余下的部分,自己去思考吧。如果你还实现不出来,可以QQ我:550703900
调用方法就不用再说了吧,祝各位顺顺利利,开开心心地学到东西。
交流平台:QQ:550703900;
欢迎加入我的论坛:http://dfutureworld.com/
我的专业博客地址:http://ideafuture.iteye.com/
发表评论
-
Hibernate/JPA常见异常分析与解决
2012-02-07 17:24 14641. ClassNotFoundException: ... -
使用JavaFX2.0编写国际象棋游戏
2012-02-07 16:24 1055前面发布了不少Javafx2的教程,不觉手痒,想尝试一 ... -
Js事件大全
2012-02-04 15:34 743一般事件 事件 ... -
关于Ext引用js的顺序问题
2012-02-02 15:49 716今天自己搞了个ext的helloworld,所需的包都 ... -
解析BitmapData.getPixel32()返回值因何不准确
2012-02-02 12:29 949<div style="widt ... -
Android开发之PopupWindow
2012-01-31 13:48 1645<h1>Android开发之PopupWi ... -
Android开发之消息处理机制(一)——Handler
2012-01-11 15:19 1127<h1>Android开发之消息处理机制( ... -
c/c++ static 用法总结(三版本合一)
2011-12-21 10:34 778<span style="&qu ... -
Arduino 引言:移动互联外设传感展望
2011-12-20 14:08 1288作者:mznewfacer (Wolf Geek) ... -
泰利德破解,实现学校机房免费上网
2011-12-20 13:58 916泰利德破解,实现学校机房免费上网<br> ... -
搜索引擎还是很有发展前途的
2011-12-19 11:49 919相信大家已经听说,在头几天,搜狐推出了一个专业搜索门户 ... -
今天用到了RM格式文件的分割工具RealProducer
2011-12-19 09:19 663项目要加一些视频文件,这些视频都是几个老师对数据结构课 ... -
DB2认证考试经验谈(700&&701)
2011-12-16 17:17 1075很多人都通过了D ... -
回顾过去 展望未来(写给自己)
2011-12-15 16:19 1443本来想用“昨天今天明天”做标题来着,但是人家本山大叔说 ... -
SQL注入漏洞
2011-12-15 12:19 687CSDN上的ASP.NET电子杂志下载下来看,就看到了 ... -
关于MapXtreme2004附带Sample不能运行的问题
2011-12-15 10:54 642</span> -
专题地图概述
2011-12-14 12:49 798<p class="MsoNorma ... -
IHS与WAS集成插件静默安装
2011-12-14 12:04 932<span style="col ... -
Java重定向System.out和System.err
2011-12-13 14:49 1138<div>继承PrintStream类: ... -
关于就业叨咕几句
2011-12-13 11:04 605公司开始去各个学校开宣讲会了,这让我想起又到招聘的季节 ...
相关推荐
jquery读取xml jquery读取xml jquery读取xml jquery读取xml jquery读取xml jquery读取xml
Jquery操作xml_Demo。 帮一个朋友做的一个Demo实例,用jquery读取xml文件,很简单的操作,一看就明白。
关于jq读取xml的,有需要的朋友可以下载。
jquery.json2xml.js&&jquery.xml2json.js在jQuery的基础上实现json与xml的相互转换
两种实现方式,利用XML实现树形菜单中的数据。可以用在需要让CLIENT修改XML文件的情况。 直接在页面写代码实现实现树形菜单 前者是建立在后者的基础之上的
jQuery xml-to-json xml转JSON jQuery实现xml转JSON插件 有demo和相关文档
封装JQUERY操作XML文档的函数 fnAIString2Xml fnAIXML2String fnAIAddXmlNode fnAIRemoveXMLNode fnAISetXMLNodeAttr fnAIFindXMLNode
jquery与xml写的城市三级联动,代码简单易懂,可自行维护!
CSS+JQuery+XML二级菜单,是好东西,我在网上找了好久才找到的.
jQuery加载并解析XML
JQuery 省市县三级联动 ,解析中国城市XML,实现联动。需在本地有服务
jQuery解析xml文件,实现省市县三级联动下拉框
jquery+xml 省份 城市 区域 三级联动菜单. 用id作为连接点,高效快速. IE与firefox测试通过. 可加载默认项 里面附带例子^ ^ PS: 测试时 IE或chrome 用户请不要直接双击执行,因为这样是物理路径,不能加载xml. 请放...
Jquery插件,将xml转为json对象
支持XML转json; var mySoapXml ='<soap:Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/" '+ 'xmlns:xsd="http://www.w3.org/2001/XMLSchema" '+ 'xmlns:xsi=...
jQuery 1.5 遍历xml节点属性源码,请参照博客文章http://blog.csdn.net/Pipi0714/archive/2011/02/16/6187357.aspx
使用jQuery的ajax和get两种方式读取xml中的数据
省市选择三级联动,Html+Jquery+XML+Ajax实现,无论php,jsp, html, asp ,aspx等各种语言都通用。 http://blog.csdn.net/ful1021/article/details/16310667 详细查看地址
jquery解析xml
本功能为不含数据库的静态网站提供搜索服务,使用jQuery、AJAX、XML开发简单搜索引擎,适用于资讯站等文章内容丰富的静态站点,基于jQuery最新的1.8.2版本开发,整体思路为使用SitemapX制作站点地图,再用该软件生成...