How to do localization through js/json/php files?

Question

PHP

There is a block on the site, for example, with id="example"
in the file lang-ru.js/php/json there is a line example='Hi';
in the file lang-en.js/php/json there is a line example='Hello';
in language files, localization should be written in this form,
and in the HTML itself these blocks are empty, how to make them load words depending on the selected language
(such an example uses VK vk.com/js/lang0_0.js?6672)

Answer 1

Suppose we have localization somewhere.
Then you need to put directives on all elements
I don't know what JS tools you use - let's make an example with jQuery.

$(function() {
  var file = '/locale/' + App.lang + '.json';
  
  // Тут предположим, что response = есть содержимое файла
  $.get(file).then(function (response) {
    // Идем по всем файлам и заменяем контент
    $('[data-translate]').each(function () {
      var $elem = $(this),
          locKey = $elem.data('translate');
        
      // Если ключ найден  
      if (response[locKey]) {
        $elem.html(response[locKey]);
      }
    });
  });
});

Answer 2

What's difficult?
Upload the json file, then go through each element of the json file and change it on the go, something like this:
better not id, but use data-lang="example" , or like on - developer.android.com/intl/ru/training/ index.html

Answer 3

Language (code) - take it from the browser header Accept-Language or from the session (if the user has changed) and immediately load the desired file.