`
baobeituping
  • 浏览: 1042304 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

Jquery 读取解析xml文件并解析

阅读更多

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("加载异常,请联系客服人员。");
    }
  });
}

分享到:
评论

相关推荐

    jQuery 解析xml文件

    关于jq读取xml的,有需要的朋友可以下载。

    jQuery行级解析读取XML文件

    这是我在做项目时的测试源码,利用jQuery的Ajax功能读取XML文件中指定行的数据。在IE6+和FireFox 3.0+浏览器上测试都完美通过。下载源码包后直接解压到你的网站根目录即可进行测试。详细代码说明请浏览关于此源码包...

    JQuery 解析XML省 市 县 三级联动

    JQuery 省市县三级联动 ,解析中国城市XML,实现联动。需在本地有服务

    Jquery操作xml_Demo

    Jquery操作xml_Demo。 帮一个朋友做的一个Demo实例,用jquery读取xml文件,很简单的操作,一看就明白。

    jQuery+ajax读取并解析XML文件的方法

    主要介绍了jQuery+ajax读取并解析XML文件的方法,涉及jQuery的ajax方法调用xml文件及针对xml数据的遍历与节点操作相关技巧,需要的朋友可以参考下

    jquery解析带名称空间的xml

    jquery.xmlns-1.7.0.js 是根据jquery.xmlns.js改写的适用于各种版本的jquery解析带命名空间的XML数据,里面附有实例代码,如果使用中有遇到问题,可以反馈,我会进一步改进。

    教你怎么用Ztree树和Jquery Ajax结合解析XML文件成树结构

    教你怎么用Ztree树和Jquery Ajax结合解析XML文件成树结构。这可是完整的项目,已经调试好了,包你一下就上手。

    jQuery 行级解析读取XML文件(附源码)

    项目中应用jQuery解析读取XML语言配置文件来实现语言的调度。这是jQuery解析读取XML文件功能的测试源码,现拿出来分享。目录结构: main.css文件代码: 代码如下:@CHARSET “UTF-8”; * { margin: 0px; padding: 0...

    用ajax函数读取xml,然后解析XML.html.rar

    用ajax函数读取xml,然后解析XML.html,ajax无刷新读取文件,先使用jQuery加载XML,然后建立一个代码片段,遍历所有student节点,获取id节点,获取节点文本,获取student下的email属性,构造HTML字符串,通过append...

    jQuery xml字符串的解析、读取及查找方法

    主要介绍了jQuery xml字符串的解析、读取及查找方法,涉及jQuery方法针对xml字符串的解析、读取及遍历查询等操作相关技巧,需要的朋友可以参考下

    jQuery处理XML文件的几种方法

    对于HTML的解析,我是使用jQuery非常方便,其实,我们也可以用jquery解析XML,也是同样的方便。 如果你用过Java、PHP等语言解析过XML,相信会跟我有相同的感觉,那就是很麻烦。改用jQuery来读取、分析、操作XML后,...

    jQuery解析XML 详解及方法总结

    对于HTML的解析,我是使用jQuery非常方便,其实,我们也可以用jquery解析XML,也是同样的方便。 如果你用过Java、PHP等语言解析过XML,相信会跟我有相同的感觉,那就是很麻烦。改用jQuery来读取、分析、操作XML后,...

    用ajax函数读取xml,然后解析XML.html

    摘要:脚本资源,Ajax/JavaScript,ajax无刷新读取文件 用ajax函数读取xml,然后解析XML.html,ajax无刷新读取文件,先使用jQuery加载XML,然后建立一个代码片段,遍历所有student节点,获取id节点,获取节点文本,获取...

    jquery解析XML字符串和XML文件的方法说明

    1、读取XML字符串:例如: 代码如下:$(document).ready(function(){ var xml = “&lt;xml&gt;&lt;root&gt;&lt;record&gt;&lt;name&gt;liubl&lt;/name&gt;&lt;/record&gt;&lt;record&gt;&lt;name&gt;chencp&lt;/name&gt;&lt;/root&gt;&lt;/xml&gt;”;//var xml=”&lt;table&gt;&lt;tr...

    zTree树型菜单+Dom4j解析XML+struts2+spring整合_完整树型菜单权限管理案例(附源代码+API学习文档)

    本案例实现了一套完整树型菜单权限管理,包含增加、修改、删除、移动节点。 附有源代码+完整的JAR包+API学习文档 前台页面展示用zTree插件,...通过本资源,您可以:掌握强大的zTree控件,和强大的Dom4j解析XML技术

    JS与jQ读取xml文件的方法

    jquery读取xml文件 &lt;!DOCTYPE html PUBLIC "-//WC//DTD XHTML . Transitional//EN" "http://www.w.org/TR/xhtml/DTD/xhtml-transitional.dtd"&gt; &lt;html xmlns="http://www.w.org//xhtml"&gt; &lt;head&gt; &...

    JQuery解析HTML、JSON和XML实例详解

    有的时候会将一段HTML片段保存在HTML文件中,在另外的主页面直接读取该HTML文件,然后解析里面的HTML代码片段融入到主页面中。 fragment.html文件,其内容: 代码如下: &lt;div&gt;hello Jquery 在主页面 Test.html中解析...

Global site tag (gtag.js) - Google Analytics