准备用ASP.NET + Jquery + Json构建一个个人网站。这段是读取服务器的Json文件,生成菜单HTML的代码。

 

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

Jquery
$(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\" notallow=\"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);
    });
});