zoukankan      html  css  js  c++  java
  • 用Jquery读取Json内容

    记得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\" 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);
    });
    });
  • 相关阅读:
    516. Longest Palindromic Subsequence
    31. Next Permutation
    572. Subtree of Another Tree
    vue中无法监听到子组件的事件的问题
    vue中注意watch的执行顺序
    vue中路由懒加载浅析
    关于typescript 报错问题
    深入理解Typescript中文版
    vue中的高阶组件
    vue中的mixins
  • 原文地址:https://www.cnblogs.com/KenBlove/p/1340247.html
Copyright © 2011-2022 走看看