javascript - 如何使用javascript访问对象数组

问题描述

console.log (dict) 会给你

{"点击这里:":{"message":"点击这里"},"apply":{"message":"应用"},"翻译测试！":{"message":"js 翻译示例！" },"tabLanding":"欢迎","tabSetup":{"message":"安装"}}

我希望 tabSetup 在 html 中显示为安装，这里是 html 代码：

<li class="tab_setup"><a href="#" i18n="tabSetup"></a></li>

我看到的是它没有正确显示只是显示为 [object Object] 它应该显示为安装

这是我的java脚本。谢谢

 var dict = {};
    var systemLang = navigator.language.toLowerCase().slice(0,2);
    $(function () {
      registerWords();
      switch(getCookieVal("lang")) {
        case "en" :
          setLanguage("en");
          break
        case "zh" :
          setLanguage("zh");
          break
        default:
          setLanguage(systemLang);
      }
      console.log (dict);

      console.log(JSON.stringify(dict));


    // 切换语言事件
      $("#enBtn").bind("click", function () {
        setLanguage("en");
      });

      $("#zhBtn").bind("click", function () {
        setLanguage("zh");
      });

      // $("#applyBtn").bind("click", function () {
      //   alert(__tr("a translation test!"));
      // });
    });

    function setLanguage(lang) {
      setCookie("lang=" + lang + "; path=/;");
      translate(lang);
    }

    function getCookieVal(name) {
      var items = document.cookie.split(";");
      for (var i in items) {
        var cookie = $.trim(items[i]);
        var eqIdx = cookie.indexOf("=");
        var key = cookie.substring(0, eqIdx);
        if (name == $.trim(key)) {
          return $.trim(cookie.substring(eqIdx + 1));
        }
      }
      return null;
    }

    function setCookie(cookie) {
      var Days = 30; //此 cookie 将被保存 30 天
      var exp = new Date(); //new Date("December 31, 9998");
      exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
      document.cookie = cookie+ ";expires=" + exp.toGMTString();
    }

    function translate(lang) {
      if(sessionStorage.getItem(lang + "Data") != null){
        dict = JSON.parse(sessionStorage.getItem(lang + "Data"));
      }else{
        loadDict();
      }

      $("[i18n]").each(function () {
        switch (this.tagName.toLowerCase()) {
          case "input":
            $(this).val(__tr($(this).attr("i18n")));
            break;
          default:
            $(this).text(__tr($(this).attr("i18n")));
        }
      });
    }

    function __tr(src) {
      return (dict[src] || src);
    }

    function loadDict() {
      var lang = (getCookieVal("lang") || "en");
      $.ajax({
        async: false,
        type: "GET",
        url: "/lang/"+lang + ".json",
        success: function (msg) {
          dict = msg;
          sessionStorage.setItem(lang + 'Data', JSON.stringify(dict));
        }
      });

    }
    // 遍历所有lang属性的标签赋值
    function registerWords() {

        $('[i18n]:not(.i18n-replaced').each(function() {
            var element = $(this);

            element.html(translate(element.attr('i18n')));
            element.addClass('i18n-replaced');

      });
    }

如果像“tabSetup”：“设置”这样的json文件，它可以工作。.如果像“tabSetup”这样的json文件不起作用：{“消息”：“设置”}

标签： javascriptjsoninternationalization

javascript - 如何使用javascript访问对象数组

问题描述

解决方案

推荐阅读