jQuery动态从JSON文件获取数据

时间:2018-10-27 14:42:27

标签: javascript jquery json

我正在尝试制作一个简单的多语言站点! 我有3种用于3种语言的按钮,当我按其中一种时,我使用jQuery获取该按钮值的值并将其存储在名为clicked的变量中,我想从JSON中获取数据,如下所示:{{ 1}}

如何获取data.clicked.name上的data.clicked.name值?

html文件

clicked

脚本

<div id="container">
    <input class="btnL" type="button" value="MK">
    <input class="btnL" type="button" value="EN">
    <input class="btnL" type="button" value="AL">
  </div>

language.json

<script type="text/javascript">
    $(document).ready(function () {
      $(".btnL").click(function () {
        var clicked = $(this).attr("value");

        $.getJSON('language.json', function (data) {
          console.log(data.clicked.name);
          // ex. if the value of clicked variable is="EN" 
          //     I want to get this console.log(data.EN.name) 
        });

      });
    });
  </script>

1 个答案:

答案 0 :(得分:4)

使用括号

console.log(data[clicked].name);