Как вывести текст из json в определенные места в зависимости от языка?

Question

[speculant]

Здравствуйте, нужна помощь.
Имеется json файл допустим такой. Требуется вывести нужный элемент на свое место, при выборе языка.
На кнопке языка я ставлю id, при клике определяю его затем ищу места с классмом .lang и определяю их ключи по которым вытаскиваю нужный перевод из json, но не понимаю как это правильно сделать)

{
  "_id" : "post",
  "en" : 
    {
      "post" : "Post",
      "news" : "News"
    },
  "ru" :
    {
      "post" : "Посты",
      "news" : "Новости"
    }
},
{
  "_id" : "menu",
  "en" : 
    {
      "post" : "menu1",
      "news" : "menu2"
    },
  "ru" :
    {
      "post" : "меню1",
      "news" : "меню2"
    }
}

var requestURL = 'lang.json';
	var request = new XMLHttpRequest();
	request.open('GET', requestURL);
	request.responseType = 'json';
	request.send()

	request.onload = function() {
	var obj = request.response;
	eng(obj);
	}

	$(function eng(jsonObj){
		$('.translate').click(function(){
			var lang = $(this).attr('id');

			$('.lang').each(function(index, element){
				$(this).text(jsonObj[lang][$(this)]);
			});
		});
	});

<li id="en">En</li>
	<li id="ru">Русский</li>

	<a  class="lang" key="post" href="***">Посты</a>
	<a  class="lang" key="news" href="***">Новости</a>

Answer 1

[Anton fon Faust]

Во-первых, тут json не правильный, потому как или это не объект, а массив, или не нужно никаких "_id".
Как должно быть:

{
  "post": {
      "en" : {
          "post" : "Post",
          "news" : "News"
        },
      "ru" : {
          "post" : "Посты",
          "news" : "Новости"
        }
    },
    "menu": {
      "en" : {
          "post" : "menu1",
          "news" : "menu2"
       },
      "ru" : {
          "post" : "меню1",
          "news" : "меню2"
       }
    }
}

Во-вторых, если вы используете jquery, зачем вам огороды с XMLHttpRequest? jquery прекрасно поддерживает в человекопонятном виде ajax.

var lang = "ru"; // захардкодил, для простоты

$.get({
    url: "lang.json",
    dataType: "json",
    success: function(data) {
        $(".lang").each(function(entry){
            var $el = $(this);
            var text = data[$el.attr("key")][lang];
            $el.text(text);
        });
    }
})

Comments

[speculant]

Спасибо, нужно было еще дописать, что бы вставлять нужное слово, не знаю правильно так делать или нет, но работает) иначе выводило object object

var text = data[$el.attr("key")][lang][$el.attr("data")];

<a  class="lang" key="post" data="post" href="*">Посты</a>
<a  class="lang" key="post" data="news" href="*">Новости</a>

[Anton fon Faust]

speculant, а, ну, да, точно, про слова - пропустил.

[speculant]

Anton fon Faust, можешь еще немного помочь?)

Нужно правильно сформировать json файл.
Файл будет ~таким и при этом еще нужно в двух локализациях, я так понимаю внутри класса нужно разделить на ру/en и внутри уже фигачить скиллы

класс 1:{
 скилл 1  название: { описание, иконка, уровень прокачки 1-10, уровень на котором можно прокачать 1-40, список дополнительных эффектов: {
    эффект 1{название, описание, иконка}
    эффект 2{название, описание, иконка}
}
 скилл 2  название: {описание, иконка, уровень прокачки 1-10, уровень на котором можно прокачать 1-40, список дополнительных эффектов: {
    эффект 1: {название, описание, иконка}
    эффект 2: {название, описание, иконка}
}
}

набросал пока, не понимаю как сделать лвл и где язык правильно указать

{ 
    "war" : {
        "en" : {
            "skill_name" : {
                 "sk_name" : "name",
                "description" : "text desc",
                "icon" : "skill_icon",
                "effect_name" : {
                    "name" : "name",
                    "description" : "effect text desc",
                    "icon" : "effec_icon"
                },
                "effect_name2" : {
                    "name" : "name",
                    "description" : "effect text desc",
                    "icon" : "effect_icon"
                }
            }
        },
        "ru" : {
            "skill_name" : {
                 "sk_name" :  "название",
                "description" : "Описание скилла",
                "icon" : "skill_icon",
                "effect_name" : {
                    "name" : "название",
                    "description" : "Описание эффекта",
                    "icon" : "effec_icon"
                },
                "effect_name2" : {
                    "name" : "название",
                    "description" : "Описание эффекта",
                    "icon" : "effect_icon"
                }
            }
        }
    }

}

[Anton fon Faust]

speculant, Вообще, обычно каждый язык хранят в своем файле и в зависимости от установленного языка подгружают нужный json. Во всех получается одинаковая структура, но разные значения.