`
baobeituping
  • 浏览: 1067953 次
  • 性别: 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.parseXML()`解析XML字符串,使用`find()`和`each()`遍历节点,结合XPath或`$.ajax()`获取服务器上的XML,以及有效地处理错误,你可以轻松地构建功能丰富的XML应用程序。在实际项目中,根据具体需求选择...

    JQuery 解析XML省 市 县 三级联动

    在IT领域,尤其是在Web开发中,"JQuery 解析XML省市区县三级联动"是一个常见的需求,主要用于构建交互式的下拉菜单,使得用户在选择省份时,对应的市和县会根据所选省份动态加载。这样的功能可以提升用户体验,减少...

    jQuery行级解析读取XML文件

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

    jQuery读取XML

    本文将深入探讨如何使用jQuery读取XML文件,主要涉及`ajax`和`get`这两种方法。 首先,XML(eXtensible Markup Language)是一种用于存储和传输数据的标准格式,尤其在web开发中常用于数据交换。为了利用jQuery处理...

    jquery解析xml并实现二级联动

    本主题将深入探讨如何使用jQuery解析XML数据,并利用这些数据实现省市二级联动的效果。这种功能常见于地理选择,用户在选择省份后,下拉菜单会自动更新展示对应省份的城市选项。 首先,我们需要理解XML(Extensible...

    解析xml文件导入数据,并在前端分页展示

    在本场景中,我们关注的是如何解析XML文件并将其中的数据导入到数据库,然后在前端进行分页展示。这个过程涉及到的主要技术栈包括DOM4J库、数据库操作以及前端分页技术。 首先,DOM4J是Java中一个非常流行的XML处理...

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

    在学习和使用jQuery+ajax读取和解析XML文件的过程中,需要注意的是,由于XML格式的严格性,开发人员必须确保XML文件格式正确无误。同时,对于不同浏览器在处理XML数据时可能存在的兼容性问题也要有所了解。在实际...

    使用jQuery读取xml和json的案例代码

    上述代码首先发送一个GET请求到指定的XML文件,然后在成功回调函数中解析XML文档。`$(xml).find('item')`查找所有名为`item`的元素,并对每个元素提取`title`和`description`的值。 **读取JSON** 读取JSON数据,...

    jquery读取xml.pdf

    知识点五:读取本地XML文件和解析XML数据 文件中还包含了解析本地XML文件的示例。通过$.ajax()方法,设置url为本地XML文件的路径,并指定dataType为'xml'。在success回调函数中,通过jQuery的选择器和方法,例如....

    JQuery 实现XML树形菜单

    \n\n**直接在页面写代码实现树形菜单**\n\n这种方式是基础方法,直接在HTML页面中通过jQuery读取XML文件并解析,然后动态生成树形结构。首先,需要在HTML文件中引入jQuery库(如`jquery-1.2.6.js`),然后编写...

    JS+JQuery读取XML并保存相关信息到TXT文件

    以上就是使用JavaScript和jQuery读取XML并将其内容保存到TXT文件的基本流程。需要注意的是,由于同源策略的限制,这种方法仅适用于同源的XML文件,跨域访问需要服务器端配合设置CORS策略。同时,前端直接保存文件到...

    jquery解析带名称空间的xml

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

    jquery 读取XML 可运行

    本示例中,我们将深入探讨如何使用jQuery来读取XML文件并将其内容展示在HTML页面上。 首先,我们需要一个XML文件,例如`data.xml`,其内容可能是这样的: ```xml &lt;name&gt;John Doe &lt;position&gt;Manager &lt;email&gt;...

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

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

    网页读取xml文档并分页

    总之,Web环境下读取XML文档并分页显示数据涉及前端与后端的协同工作。前端负责请求数据、解析XML并构建用户界面,后端则处理数据分页和提供API接口。在实际应用中,可以根据项目需求选择合适的技术栈和方法,确保...

    jQuery读取XML文件内容的方法

    总结来说,通过本文介绍的jQuery读取XML文件内容的方法,我们可以看到如何利用jQuery的AJAX功能,结合各种选择器和方法,方便地从服务器读取XML格式的数据,并将其动态地显示在网页上。这一过程中涉及了对XML文档的...

    使用jquery解析XML的方法

    本文将详细介绍如何使用jQuery来解析XML文件,并通过一个具体例子进行说明。 首先,我们需要了解XML文件的基本结构。XML(Extensible Markup Language,可扩展标记语言)是一种用于存储和传输数据的标记语言,它的...

    xml数据前后台解析:jdom与dom4j源码,程序可以跑

    同时,我们还会讨论如何使用jQuery在前端解析XML并展示数据。 首先,让我们了解XML的基本结构。XML文档由元素(Element)、属性(Attribute)、文本内容(Text Content)等组成。元素是XML的核心,它们通过层级关系...

Global site tag (gtag.js) - Google Analytics