读书人

Jquery 读取解析xml资料并解析

发布时间: 2012-10-06 17:34:01 作者: rapoo

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

读书人网 >XML SOAP

热点推荐