jQuery動態從JSON文件獲取數據

Question

我正在嘗試制作一個簡單的多語言網站！ 我有3種用於3種語言的按鈕，當我按下其中一種時，我使用jQuery獲取該按鈕值的值並將其存儲在名為clicked的變量中，我希望從JSON這樣獲取數據： data.clicked.name

我怎樣才能得到的值clicked上data.clicked.name？

html文件

<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>

腳本

<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>

language.json

{
  "EN": {
    "name": "Name",
    "surname": "Surname"
  },
  "AL": {
    "name": "Emri",
    "surname": "Mbiemri"
  },
  "MK": {
    "name": "Име",
    "surname": "Презиме"
  }
}

Answer 1

使用括號

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