javascript - 读取一个 json 文件并将数据(作为 json)保存在列表中

Question

我是 JavaScript 的新手，我正在尝试从文件中读取数据并将其保存在列表中，以便稍后检索。像这样的东西:

示例.json

{
  "circles": [
    {"x":14,"y":2,"z":4,"r":50},
    {"x":14,"y":2,"z":4,"r":50}
  ]
}

我正在寻找的是:

var circle_list = []
circle_lst = some_function_which_reads_json_from_file('sample.json')
//Now circle list contains
circle_list = [
  {"x":14,"y":2,"z":4,"r":50},
  {"x":14,"y":2,"z":4,"r":50}
]

稍后我可以做类似的事情:

for (var i = 0; i <circle_list.lenght;i++){
  //do osmething
}

我在调查

$.getJSON("sample.json" , function(data){
  //
});

但后来我才知道这个调用是异步的...但我需要维护执行顺序。

Answer 1

不维护执行顺序。这将在获取期间锁定浏览器。仅将其用作绝对的最后手段:

var circle_list;
$.ajax({'dataType': 'json', url: 'sample.json', 'async': false})
    .done(function(json) {
        circle_list = json;
});

相反，您至少可以做一些其他事情:

1. 使用回调。多亏了 deferred，它不必都在一个地方。
2. 加载 JSON 以及页面的其余部分，并从 DOM 中获取它。