将JSON文件作为变量加载到JS[duplicate]

Question

大家好！我想做多朗登陆页。当您选择语言时，会出现select with LANGS，JS将文本替换为JSON文件中的另一个语言。但当我尝试加载JSON时，JSON和JS出现了问题。我读了很多指南，但没有任何帮助。我拥有的：有一个json文件-lang.json。以下是其中的一部分：

{
"navigation-list" : {
    "en" : ["About", "Contacts", "Cases"],
    "ru" : ["О нас", "Контакты", "Случаи"],
},
"fb-like" : {
    "en" : "Like",
    "ru" : "Нравится",
},
"facebook-share" : {
    "en" : "Share",
    "ru" : "Поделиться",
},
"twitter-tweet" : {
    "en" : "Tweet",
    "ru" : "Твитнуть",
},
"twitter-follow" : {
    "en" : "Follow on twitter",
    "ru" : "Читать в twitter",
},
}

我有main.js文件，上面的JSON文件应该作为var导入。我使用了其他人的脚本：将本地JSON文件加载到变量中，将JSON加载到变量中

这里是代码：

var json = (function () {
  var json = null;
  $.ajax({
    'async': false,
    'global': false,
    'url': 'lang.json',
    'dataType': "json",
    'success': function (data) {
        json = data;
    }
  });
  return json;
})(); 

console.log(json);

但是我整天都在控制台空着。

另外，我尝试了另一种方式，比如：

var lang={};

jQuery.getJSON("lang.json", function(data) { 
 lang.push(data);
});

console.log(lang); 

什么也帮不了我。我做错了什么？

提前感谢！

Answer 1

您不能这样做，您正在调用的函数在这两种情况下都是异步的。

我将解释第二个问题。

var lang=[]; // It should be an array not {}

jQuery.getJSON("lang.json", function(data) { 
 lang.push(data); // This line is called second.
});

console.log(lang); // This line is executed first.

在这里

jQuery.getJSON("lang.json", function(data) { 
     lang.push(data); // This line is called second.
});

jquery将读取您的文件lang.json，但其他代码不会等待它返回。他们将正常执行。

那么，如何读取数据呢？

只有在调用回调后才能读取数据。在jQuery.getJSON和名称lang.json中，还传递了一个函数

function(data) { 
         lang.push(data); 
}

读取文件时将调用此函数。函数的数据参数将包含文件的内容。

那么，你的代码

console.log（lang）；//首先执行此行。

当运行时，lang中没有任何内容，您需要等到调用回调时，才会初始化lang。

一种解决方案是从回调本身调用console.log（lang）；。

var lang=[];

jQuery.getJSON("lang.json", function(data) { 
 lang.push(data);
 console.log(lang[0]);
});

如果您有其他代码，那么您可以创建一个函数并从回调调用它。

 var lang=[];

 jQuery.getJSON("lang.json", function(data) { 
   lang.push(data);
   _do();
 });

 function _do(){
   console.log(lang[0]);
  // Do all code dependent on the lang
 }