javascript - 将本地 JSON 文件加载到变量中

Question

我正在尝试将 .json 文件加载到 javascript 中的变量中，但无法正常工作。这可能只是一个小错误，但我找不到它。

当我使用这样的静态数据时，一切正常:

var json = {
  id: "whatever",
  name: "start",
  children: [{
      "id": "0.9685",
      "name": " contents:queue"
    }, {
      "id": "0.79281",
      "name": " contents:mqq_error"
    }
  }]
}

我将 {} 中的所有内容放在 content.json 文件中，并尝试将其加载到本地 JavaScript 变量中，如下所述:load json into variable .

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

我用 Chrome 调试器运行它，它总是告诉我变量 json 的值是 null。 content.json 文件与调用它的 .js 文件位于同一目录中。

我错过了什么？

Answer 1

我的解决方案，如回答 here , 是使用:

    var json = require('./data.json'); //with path

文件只加载一次，以后的请求使用缓存。

编辑 为了避免缓存，这里是 this blogpost 中的辅助函数在注释中给出，使用 fs 模块:

var readJson = (path, cb) => {
  fs.readFile(require.resolve(path), (err, data) => {
    if (err)
      cb(err)
    else
      cb(null, JSON.parse(data))
  })
}