- 浏览: 1067953 次
- 性别:
- 来自: 长沙
文章分类
- 全部博客 (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 1308flash+xml动态加载图片 -
js去掉回车与空格
2012-05-08 08:50 1288$(function() { var flag = ... -
转:解剖JavaScript中的null和undefined
2012-02-07 09:46 943在JavaScript开发中,被人 ... -
jquery 样式的按钮
2011-10-12 09:19 900jquery 样式的按钮 -
jQuery的radio,checkbox,select操作
2011-09-29 22:28 928获取一组radio被选中项的值 var item = $(' ... -
javascript---parseInt("08")或parseInt("09")转换返回0的解决办法
2011-09-15 18:23 1115javascript parseInt函数使用率非常高,主 ... -
jquery ui 的datepicker日期插件使用
2011-05-17 22:12 1869首先是下载所需要的JS ... -
Jquery缓存页面内容(功能很强大)
2011-05-17 22:10 1774我们在做项目的时候, ... -
Jquery的自动填充功能
2011-05-17 22:10 1351完成JQUERY的自动填充功能:首先在页面要去去要填充数据:页 ... -
Jquery读取Json并解析
2011-05-17 22:09 1350客户端访问服务器后ACTION中的代码:[Descriptio ... -
用JS实现刻度尺形式的报表
2011-05-17 21:54 1939现在项目有个需求,想根据刻度尺来表示24个小时,然后通过类似进 ... -
ymprompt弹出层替代window自带弹出层
2011-05-10 22:35 2099ymPrompt消息提示组件4.0 ... -
jqgrid 的treegrid用法
2011-04-15 21:14 2371工作中用到的。先上效果。以后再结合asp.net mvc3来做 ... -
学习Meta标签
2010-04-14 08:28 907一直以来有很多人却忽 ... -
图片IMG垂直居中align=absmiddle属性通不过验证,用CSS解决
2010-04-12 08:35 4006原帖地址:http://www.aa25.cn/content ... -
JQuery 验证插件Ajax Fancy Capcha的使用(JAVA版本)
2010-04-08 17:20 25991.首先下载Ajax Fancy Capcha的所有JS,CS ... -
有时候document.thisForm.submit()函数浏览器报错的原因
2010-04-08 17:08 2313我的原因是在FORM里面的提交按钮的NAME="su ... -
主题:Uploadify上传插件中文乱码问题解决方法
2010-04-08 09:21 4532在使用Uploadify插件进行文件上传时,当上传的文件名包含 ... -
jQuery上传插件Uploadify使用详解
2010-04-08 09:06 5107下面就来介绍下这些key值的意思:uploader : upl ... -
Uploadify 插件的使用 java 版 jsp+servlet
2010-04-08 08:48 9978工程截图: jar包: commons-fileu ...
相关推荐
关于jq读取xml的,有需要的朋友可以下载。
通过`jQuery.parseXML()`解析XML字符串,使用`find()`和`each()`遍历节点,结合XPath或`$.ajax()`获取服务器上的XML,以及有效地处理错误,你可以轻松地构建功能丰富的XML应用程序。在实际项目中,根据具体需求选择...
在IT领域,尤其是在Web开发中,"JQuery 解析XML省市区县三级联动"是一个常见的需求,主要用于构建交互式的下拉菜单,使得用户在选择省份时,对应的市和县会根据所选省份动态加载。这样的功能可以提升用户体验,减少...
这是我在做项目时的测试源码,利用jQuery的Ajax功能读取XML文件中指定行的数据。在IE6+和FireFox 3.0+浏览器上测试都完美通过。下载源码包后直接解压到你的网站根目录即可进行测试。详细代码说明请浏览关于此源码包...
本文将深入探讨如何使用jQuery读取XML文件,主要涉及`ajax`和`get`这两种方法。 首先,XML(eXtensible Markup Language)是一种用于存储和传输数据的标准格式,尤其在web开发中常用于数据交换。为了利用jQuery处理...
本主题将深入探讨如何使用jQuery解析XML数据,并利用这些数据实现省市二级联动的效果。这种功能常见于地理选择,用户在选择省份后,下拉菜单会自动更新展示对应省份的城市选项。 首先,我们需要理解XML(Extensible...
在本场景中,我们关注的是如何解析XML文件并将其中的数据导入到数据库,然后在前端进行分页展示。这个过程涉及到的主要技术栈包括DOM4J库、数据库操作以及前端分页技术。 首先,DOM4J是Java中一个非常流行的XML处理...
在学习和使用jQuery+ajax读取和解析XML文件的过程中,需要注意的是,由于XML格式的严格性,开发人员必须确保XML文件格式正确无误。同时,对于不同浏览器在处理XML数据时可能存在的兼容性问题也要有所了解。在实际...
上述代码首先发送一个GET请求到指定的XML文件,然后在成功回调函数中解析XML文档。`$(xml).find('item')`查找所有名为`item`的元素,并对每个元素提取`title`和`description`的值。 **读取JSON** 读取JSON数据,...
知识点五:读取本地XML文件和解析XML数据 文件中还包含了解析本地XML文件的示例。通过$.ajax()方法,设置url为本地XML文件的路径,并指定dataType为'xml'。在success回调函数中,通过jQuery的选择器和方法,例如....
\n\n**直接在页面写代码实现树形菜单**\n\n这种方式是基础方法,直接在HTML页面中通过jQuery读取XML文件并解析,然后动态生成树形结构。首先,需要在HTML文件中引入jQuery库(如`jquery-1.2.6.js`),然后编写...
以上就是使用JavaScript和jQuery读取XML并将其内容保存到TXT文件的基本流程。需要注意的是,由于同源策略的限制,这种方法仅适用于同源的XML文件,跨域访问需要服务器端配合设置CORS策略。同时,前端直接保存文件到...
jquery.xmlns-1.7.0.js 是根据jquery.xmlns.js改写的适用于各种版本的jquery解析带命名空间的XML数据,里面附有实例代码,如果使用中有遇到问题,可以反馈,我会进一步改进。
本示例中,我们将深入探讨如何使用jQuery来读取XML文件并将其内容展示在HTML页面上。 首先,我们需要一个XML文件,例如`data.xml`,其内容可能是这样的: ```xml <name>John Doe <position>Manager <email>...
教你怎么用Ztree树和Jquery Ajax结合解析XML文件成树结构。这可是完整的项目,已经调试好了,包你一下就上手。
总之,Web环境下读取XML文档并分页显示数据涉及前端与后端的协同工作。前端负责请求数据、解析XML并构建用户界面,后端则处理数据分页和提供API接口。在实际应用中,可以根据项目需求选择合适的技术栈和方法,确保...
总结来说,通过本文介绍的jQuery读取XML文件内容的方法,我们可以看到如何利用jQuery的AJAX功能,结合各种选择器和方法,方便地从服务器读取XML格式的数据,并将其动态地显示在网页上。这一过程中涉及了对XML文档的...
本文将详细介绍如何使用jQuery来解析XML文件,并通过一个具体例子进行说明。 首先,我们需要了解XML文件的基本结构。XML(Extensible Markup Language,可扩展标记语言)是一种用于存储和传输数据的标记语言,它的...
同时,我们还会讨论如何使用jQuery在前端解析XML并展示数据。 首先,让我们了解XML的基本结构。XML文档由元素(Element)、属性(Attribute)、文本内容(Text Content)等组成。元素是XML的核心,它们通过层级关系...