Jquery 读取解析xml文件并解析

Menus.xml


 

















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+='

';
       }
       else
       {
        menuItem+=''+Name+'
';
       }
       
      }
      index++;
       
    });
    
    $("#mainMenu").html(menuItem);
    },
    error:function (XMLHttpRequest, textStatus, errorThrown) {
     $("#mainMenu").html("加载异常,请联系客服人员。");
    }
  });
}

你可能感兴趣的:(JS篇)