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="#" οnclick="selectMainMenu(\''+ID+'\')">'+Name+'</a></div>';
       }
       else
       {
        menuItem+='<div  id="'+ID+'"><a href="#" οnclick="selectMainMenu(\''+ID+'\')">'+Name+'</a></div>';
       }
       
      }
      index++;
       
    });
    
    $("#mainMenu").html(menuItem);
    },
    error:function (XMLHttpRequest, textStatus, errorThrown) {
     $("#mainMenu").html("加载异常,请联系客服人员。");
    }
  });
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值