引用没有名称

时间:2016-01-02 21:47:41

标签: javascript jquery json

我有一个JSON数组保存到自己的文件gamedata.json。如果这只是一个常规的对象数组,比如加载到我的HTML中的gamedata.js,我可以给这个数组命名var gameObjects = array [{lots of objects}];然后如果我想查看数组我就可以引用gameObjects,即使是其他JS文件加载到同一个HTML页面。

但由于这是一个JSON文件,我该如何引用它?这是我第一次使用JSON,但我了解到我无法将数组设置为.json文件中的变量。那么如何从其他JS文件中访问它的数据?

我可以使用VanillaJS或jQuery,它是一个大型阵列,大约13000行,因此效率很重要。

2 个答案:

答案 0 :(得分:1)

可能的解决方案可能是:

var myJson;
$.getJSON("z.json", function(data) {
  myJson = data;
});

答案 1 :(得分:0)

使用fetch,supported in some modern browsers,但可以是polyfilled

salt-cloud

如果您使用browserify,那么它会将json文件拉入您的javascript包并将其作为模块公开(不确定其他捆绑包如webpack或jspm是否具有相同的机制),即

fetch( 'gamedata.json' )
  .then( res => res.json() ) 
  .then( data => {
    // data is available here and has been parsed into an array already
  })
  .catch( err => errorHandler )

但请注意,它在构建时执行此操作,如果您的json文件是动态的,那么此实现对您不起作用。