使用javascript将xml转换为树结构

convert xml into tree structure using javascript

本文关键字:结构 转换 xml javascript 使用      更新时间:2023-09-26

嗨,我想把xml转换成树结构。但是当我从本地机器给出路径时,它工作得很好,但当我们给出url路径时,却不工作。

我怎么能那样做。

我正在使用以下代码。

var strList="";
var level=0;
var curriculumXml ="";
$(document).ready(function()
{
    $.ajax({
    type: "GET",
    url: "xml/development_curriculum.xml(i have to place the weburl here.like http://www.cde.com/development_curriculum.xml",
    dataType: "xml",
    success: function(data) 
        {
            manipulateXml(data);
            $("#curTree").html();
            loadParentCur();
        }
    });
});

/*This method is to get search curriculum XML list*/
function  manipulateXml(data)
{
  curriculumXml = data;
  $(data).find("node").each(function(){
    var id = parseInt($(this).attr("id"));
    });
}
/*This method is used to get curriculum tree*/
function loadParentCur()
{
    if (window.ActiveXObject)
    {
        var xmlobject=new ActiveXObject("Microsoft.XMLDOM");
        xmlobject.async="false";
        var xmlString = curriculumXml.xml;
    }
    // code for Mozilla, Firefox, Opera, etc.
    else
    {
        var xmlString = (new XMLSerializer()).serializeToString(curriculumXml);
    }
     var json = $.xml2json(xmlString);
     var objNode = json.node;
     renderTree(objNode);
}
 function to_ul(branches) 
{    
    if(branches !=undefined)
    {
        if(level>0)
        {
            strList = strList + "<ul style='"display: none;'">";
        }
        if(branches.length == undefined)
        {
            var branch = branches.node;       
            if (branch) 
            {    
                strList = strList + "<li class='"expandable'" ><div class='"hitarea expandable-hitarea'" onclick='"#'"></div><span><a href='"#'" onclick='"#'">";
                strList = strList + branches.name+"</a></span>";
                level=level+1;
                to_ul(branch);
            }
            else
            {
                strList = strList + "<li id='""+branches.id+"'" onclick='"#'" style='"white-space: nowrap;list-style: none;margin-left:-25px;'"><a href='"#'" class='"but_res'" style='"width:152px; margin-left:30px;'">";
                strList = strList + unescape(branches.name)+"</a>";
            }
            strList = strList +"</li>";
            level=0;
        }
        else
        {
            for (var i=0; i<branches.length; i++) 
            {
                var branch = branches[i];       
                if (branch.node) 
                {    
                    strList = strList + "<li class='"expandable'" ><div class='"hitarea expandable-hitarea'" onclick='"#'"></div><span><a href='"#'" onclick='"#'">";
                    strList = strList + branch.name+"</a></span>";
                    level=level+1;
                    to_ul(branch.node);
                }
                else
                {
                    strList = strList + "<li id='""+branch.id+"'" onclick='"#'" style='"white-space: nowrap;list-style: none;margin-left:-25px;'"><a href='"#'" class='"but_res'" style='"width:152px; margin-left:30px;'">";
                    strList = strList + unescape(branch.name)+"</a>";
                }
                strList = strList +"</li>";
                level=0;
            }    
        }       
        strList =strList + "</ul>";
    }
} 
/*This method is used to render tree*/
function renderTree(objTree) 
{  
    var objTreeNew = objTree;
    to_ul(objTreeNew);
    $("#curTree").html("<ul class='"treeview'" id='"tree'">"+strList+"</ul>");
    $("#tree").treeview({
        collapsed: true,
        animated: "medium",
        control:"#sidetreecontrol",
        prerendered: true,
        persist: ""
    });
} 

我们怎么能做到这一点。

如果您在本地打开网页,访问绝对资源将失败,原因是http://de.wikipedia.org/wiki/Same-Origin-Policy.您必须从同一域和端口打开页面。