准备用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);
});
});