- 浏览: 1042304 次
- 性别:
- 来自: 长沙
文章分类
- 全部博客 (639)
- 服务器配置篇 (58)
- hibernate篇 (14)
- spring篇 (33)
- struts篇 (28)
- JS篇 (46)
- 其他技术篇 (46)
- 数据库集群配置 (6)
- JAVA基础相关 (48)
- 分布式框架HadHoop的应用 (2)
- FLEX篇 (8)
- SQLSERVER技术 (32)
- Android学习 (13)
- amchart学习笔记 (1)
- openfire+smark搭建即时通讯 (9)
- Linux学习 (18)
- Oracle数据库 (15)
- 网站优化技术 (12)
- mysql数据库 (2)
- 项目学习总结 (18)
- 工具类(JAVA) (12)
- 工具类(JS) (2)
- 设计模式 (10)
- Lucene学习 (24)
- EJB3学习 (6)
- Sphinx搜索引擎 (3)
- 工作中用到的软件小工具 (5)
- .NET (49)
- JAVA 连接SQLSERVER2008步骤 (1)
- MongoDB (19)
- Android手机开发 (3)
- Maven (6)
- vue (9)
- Shiro (4)
- mybatis (3)
- netty框架 (1)
- SpringCloud (3)
- spring-cloud (7)
- Git (1)
- dubbo (2)
- springboot (13)
- rocketmq (1)
- git学习 (2)
- kafka服务器 (2)
- linux (10)
- WEB系统辅助项目 (1)
- jenkins (2)
- docker (4)
- influxdb (3)
- python (2)
- nginx (1)
最新评论
-
jiangfuofu555:
这样数据量大,效率怎么样?
sqlserver 实现分页的前台代码 以及后台的sqlserver语句 -
w156445045:
博主请问下,如何做到实时的刷新呢,
另外我后台是Java 谢谢 ...
web 版本的汽车仪表盘,非常好看。还有各种图形 -
jackyin5918:
<transportConnector name=&qu ...
ActiveMQ的activemq.xml详细配置讲解 -
握着橄榄枝的人:
你这个不是spring1.x的吧
spring1.x使用AOP实例 -
xiaophai:
全乱套了!
openfire+spark搭建完美的及时通讯
Menus.xml
<?xml version="1.0" encoding="UTF-8"?>
<root>
<Menu ID="00" Parent="0" Depth="0" Children="4" Sequence="1" Name="位置服务" DisableFlag="1100" Url=""/>
<Menu ID="01" Parent="0" Depth="0" Children="0" Sequence="2" Name="调度管理" DisableFlag="1100" Url=""/>
<Menu ID="02" Parent="0" Depth="0" Children="0" Sequence="3" Name="设备控制" DisableFlag="1100" Url=""/>
<Menu ID="03" Parent="0" Depth="0" Children="0" Sequence="4" Name="报警管理" DisableFlag="1100" Url=""/>
<Menu ID="04" Parent="0" Depth="0" Children="0" Sequence="5" Name="参数设置" DisableFlag="1100" Url=""/>
<Menu ID="05" Parent="0" Depth="0" Children="0" Sequence="6" Name="报表中心" DisableFlag="1100" Url=""/>
<Menu ID="06" Parent="0" Depth="0" Children="0" Sequence="7" Name="设备管理" DisableFlag="1100" Url=""/>
<Menu ID="07" Parent="0" Depth="0" Children="0" Sequence="8" Name="用户管理" DisableFlag="1100" Url=""/>
<Menu ID="08" Parent="0" Depth="0" Children="0" Sequence="9" Name="系统管理" DisableFlag="1100" Url=""/>
<Menu ID="0001" Parent="00" Depth="1" Children="0" Sequence="1" Name="定位服务" DisableFlag="1100" Url="1.html"/>
<Menu ID="0002" Parent="00" Depth="1" Children="0" Sequence="2" Name="历史轨迹" DisableFlag="1100" Url="2.html"/>
<Menu ID="0003" Parent="00" Depth="1" Children="0" Sequence="3" Name="我的地图" DisableFlag="1100" Url="#"/>
<Menu ID="0004" Parent="00" Depth="1" Children="0" Sequence="4" Name="请求服务" DisableFlag="1100" Url="#"/>
<Menu ID="0101" Parent="01" Depth="1" Children="0" Sequence="1" Name="调度管理1" DisableFlag="1100" Url="#"/>
<Menu ID="0102" Parent="01" Depth="1" Children="0" Sequence="2" Name="调度管理2" DisableFlag="1100" Url="#"/>
<Menu ID="0103" Parent="01" Depth="1" Children="0" Sequence="3" Name="调度管理3" DisableFlag="1100" Url="#"/>
<Menu ID="0104" Parent="01" Depth="1" Children="0" Sequence="4" Name="调度管理4" DisableFlag="1100" Url="#"/>
</root>
JS代码
//设置延迟2毫秒来加载主菜单
setTimeout("showMenuList()", "200");
function showMenuList()
{
var mainMenuUrl = "Common\\Menus.xml";
var menuItem = "";
$.ajax({
url:mainMenuUrl,
type:"POST",
dataType:($.browser.msie) ? "text" : "xml",
success:function(data){
var xml;
if( typeof data == "string" ){
xml = new ActiveXObject("Microsoft.XMLDOM");
xml.async = false;
xml.loadXML(data);
} else {
xml = data;
}
var index=0;
$(xml).find("Menu").each(function(i){
var ID=$(this).attr('ID');
var Name=$(this).attr("Name");
var Parent=$(this).attr("Parent");
//选择所有父节点为0的元素作为第一层菜单元素,菜单默认选择的是第一个按钮,设置第一个按钮的class=active
if(Parent=='0')
{
if(index==0)
{
menuItem+='<div class="active" id="'+ID+'"><a href="#" onclick="selectMainMenu(\''+ID+'\')">'+Name+'</a></div>';
}
else
{
menuItem+='<div id="'+ID+'"><a href="#" onclick="selectMainMenu(\''+ID+'\')">'+Name+'</a></div>';
}
}
index++;
});
$("#mainMenu").html(menuItem);
},
error:function (XMLHttpRequest, textStatus, errorThrown) {
$("#mainMenu").html("加载异常,请联系客服人员。");
}
});
}
发表评论
-
flash+xml动态加载图片
2012-06-25 21:26 1271flash+xml动态加载图片 -
js去掉回车与空格
2012-05-08 08:50 1249$(function() { var flag = ... -
转:解剖JavaScript中的null和undefined
2012-02-07 09:46 901在JavaScript开发中,被人 ... -
jquery 样式的按钮
2011-10-12 09:19 868jquery 样式的按钮 -
jQuery的radio,checkbox,select操作
2011-09-29 22:28 889获取一组radio被选中项的值 var item = $(' ... -
javascript---parseInt("08")或parseInt("09")转换返回0的解决办法
2011-09-15 18:23 1048javascript parseInt函数使用率非常高,主 ... -
jquery ui 的datepicker日期插件使用
2011-05-17 22:12 1824首先是下载所需要的JS ... -
Jquery缓存页面内容(功能很强大)
2011-05-17 22:10 1724我们在做项目的时候, ... -
Jquery的自动填充功能
2011-05-17 22:10 1294完成JQUERY的自动填充功能:首先在页面要去去要填充数据:页 ... -
Jquery读取Json并解析
2011-05-17 22:09 1317客户端访问服务器后ACTION中的代码:[Descriptio ... -
用JS实现刻度尺形式的报表
2011-05-17 21:54 1841现在项目有个需求,想根据刻度尺来表示24个小时,然后通过类似进 ... -
ymprompt弹出层替代window自带弹出层
2011-05-10 22:35 2057ymPrompt消息提示组件4.0 ... -
jqgrid 的treegrid用法
2011-04-15 21:14 2307工作中用到的。先上效果。以后再结合asp.net mvc3来做 ... -
学习Meta标签
2010-04-14 08:28 878一直以来有很多人却忽 ... -
图片IMG垂直居中align=absmiddle属性通不过验证,用CSS解决
2010-04-12 08:35 3962原帖地址:http://www.aa25.cn/content ... -
JQuery 验证插件Ajax Fancy Capcha的使用(JAVA版本)
2010-04-08 17:20 25461.首先下载Ajax Fancy Capcha的所有JS,CS ... -
有时候document.thisForm.submit()函数浏览器报错的原因
2010-04-08 17:08 2268我的原因是在FORM里面的提交按钮的NAME="su ... -
主题:Uploadify上传插件中文乱码问题解决方法
2010-04-08 09:21 4487在使用Uploadify插件进行文件上传时,当上传的文件名包含 ... -
jQuery上传插件Uploadify使用详解
2010-04-08 09:06 5074下面就来介绍下这些key值的意思:uploader : upl ... -
Uploadify 插件的使用 java 版 jsp+servlet
2010-04-08 08:48 9927工程截图: jar包: commons-fileu ...
相关推荐
关于jq读取xml的,有需要的朋友可以下载。
这是我在做项目时的测试源码,利用jQuery的Ajax功能读取XML文件中指定行的数据。在IE6+和FireFox 3.0+浏览器上测试都完美通过。下载源码包后直接解压到你的网站根目录即可进行测试。详细代码说明请浏览关于此源码包...
JQuery 省市县三级联动 ,解析中国城市XML,实现联动。需在本地有服务
Jquery操作xml_Demo。 帮一个朋友做的一个Demo实例,用jquery读取xml文件,很简单的操作,一看就明白。
主要介绍了jQuery+ajax读取并解析XML文件的方法,涉及jQuery的ajax方法调用xml文件及针对xml数据的遍历与节点操作相关技巧,需要的朋友可以参考下
jquery.xmlns-1.7.0.js 是根据jquery.xmlns.js改写的适用于各种版本的jquery解析带命名空间的XML数据,里面附有实例代码,如果使用中有遇到问题,可以反馈,我会进一步改进。
教你怎么用Ztree树和Jquery Ajax结合解析XML文件成树结构。这可是完整的项目,已经调试好了,包你一下就上手。
项目中应用jQuery解析读取XML语言配置文件来实现语言的调度。这是jQuery解析读取XML文件功能的测试源码,现拿出来分享。目录结构: main.css文件代码: 代码如下:@CHARSET “UTF-8”; * { margin: 0px; padding: 0...
用ajax函数读取xml,然后解析XML.html,ajax无刷新读取文件,先使用jQuery加载XML,然后建立一个代码片段,遍历所有student节点,获取id节点,获取节点文本,获取student下的email属性,构造HTML字符串,通过append...
主要介绍了jQuery xml字符串的解析、读取及查找方法,涉及jQuery方法针对xml字符串的解析、读取及遍历查询等操作相关技巧,需要的朋友可以参考下
对于HTML的解析,我是使用jQuery非常方便,其实,我们也可以用jquery解析XML,也是同样的方便。 如果你用过Java、PHP等语言解析过XML,相信会跟我有相同的感觉,那就是很麻烦。改用jQuery来读取、分析、操作XML后,...
对于HTML的解析,我是使用jQuery非常方便,其实,我们也可以用jquery解析XML,也是同样的方便。 如果你用过Java、PHP等语言解析过XML,相信会跟我有相同的感觉,那就是很麻烦。改用jQuery来读取、分析、操作XML后,...
摘要:脚本资源,Ajax/JavaScript,ajax无刷新读取文件 用ajax函数读取xml,然后解析XML.html,ajax无刷新读取文件,先使用jQuery加载XML,然后建立一个代码片段,遍历所有student节点,获取id节点,获取节点文本,获取...
1、读取XML字符串:例如: 代码如下:$(document).ready(function(){ var xml = “<xml><root><record><name>liubl</name></record><record><name>chencp</name></root></xml>”;//var xml=”<table><tr...
本案例实现了一套完整树型菜单权限管理,包含增加、修改、删除、移动节点。 附有源代码+完整的JAR包+API学习文档 前台页面展示用zTree插件,...通过本资源,您可以:掌握强大的zTree控件,和强大的Dom4j解析XML技术
jquery读取xml文件 <!DOCTYPE html PUBLIC "-//WC//DTD XHTML . Transitional//EN" "http://www.w.org/TR/xhtml/DTD/xhtml-transitional.dtd"> <html xmlns="http://www.w.org//xhtml"> <head> &...
有的时候会将一段HTML片段保存在HTML文件中,在另外的主页面直接读取该HTML文件,然后解析里面的HTML代码片段融入到主页面中。 fragment.html文件,其内容: 代码如下: <div>hello Jquery 在主页面 Test.html中解析...