jQuery get data from JSON file dynamically

Question

I am trying to make a simple multilanguage site! I have 3 buttons for 3 languages, when I press one of them, I get the value of that button value with jQuery and store it in a variable named clicked and I want to get data from JSON like this: data.clicked.name

How can i get the value of clicked on data.clicked.name?

html file

<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

<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": "Презиме"
  }
}

Possible duplicate of Using variable keys to access values in JavaScript objects — Mohammad
– Mohammad, Commented Oct 27, 2018 at 14:45

Ele · Accepted Answer · 2018-10-27 14:44:28Z

4

Use brackets

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

answered Oct 27, 2018 at 14:44

Ele

33.8k7 gold badges43 silver badges80 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Argetim Ramadani Over a year ago

Oh damn! I was so close! I tried console.log(data.[clicked].name); but now it works with your solution! Thanks a lot!!

Collectives™ on Stack Overflow

jQuery get data from JSON file dynamically

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related