用Jquery读取Json内容

 

记得Json文件必须用UTF-8编码格式。

$(document).ready(function() {
    $.getJSON("Jsons/menu.json", function(data) {
        var txt = "";
        $.each(data, function(i, n) {
            if (n.Parent.Active == 0) {
                txt += "<table cellspacing=\"1\" class=\"grid fixed\"><tr><td class=\"category linkdisable\">≡ { " + n.Parent.Name + " } ≡</td></tr></table><table cellspacing=\"0\"><tr><td colspan=\"3\" style=\"height: 1px;\"><img alt=\"\" src=\"images/blank.gif\" /></td></tr></table>";
            }
            else {
                txt += "<table cellspacing=\"1\" class=\"grid fixed\"><tr><td class=\"category hand\" onclick=\"collapse('menu_" + i + "')\">≡ { " + n.Parent.Name + " } ≡</td></tr><tr id=\"menu_" + i + "\"><td class=\"items\"><ul>";
                if (n.Parent.Children.length > 0) {
                    $.each(n.Parent.Children, function(j, k) {
                        if (k.Active == 0) {
                            txt += "<li class=\"linkdisable\">" + k.Name + "</li>";
                        }
                        else {
                            txt += "<li><a href=\"" + k.Url + "\">" + k.Name + "</a></li>";
                        }
                    });
                }
                else {
                    txt += "<li><a href=\"#\"></a></li>";
                }
                txt += "</ul></td></tr></table><table cellspacing=\"0\"><tr><td colspan=\"3\" style=\"height: 1px;\"><img alt=\"\" src=\"images/blank.gif\" /></td></tr></table>";
            }
        });
        $("#leftBar").html(txt);
    });
});