将 JSON 文件加载到 JS 对象中答案

【问题标题】：Load a JSON file into a JS object将 JSON 文件加载到 JS 对象中
【发布时间】：2016-11-21 02:04:33
【问题描述】：

我尝试将 json 文件加载到 JavaScript var 中，但没有成功。

var jsonString = JSON.stringify('./test.json');
var obj = JSON.parse(jsonString);

console.log(obj.details.ProductID);

它说它无法读取未定义的属性 ProductID。

我在这里做错了什么？

【问题讨论】：

【解决方案1】：

您需要进行 AJAX 调用才能获取文件。 $.getJSON 正是为此目的而设计的：

$.getJSON('./test.json', function(obj) {
    console.log(obj.details.ProductID);
});

【讨论】：

【解决方案2】：

如果您使用的是 jQuery：

$.getJSON( "/test.json", function( obj ) {
  console.log(obj.details.ProductID);
});

【讨论】：

【解决方案3】：

JSON.stringify() 第一个参数必须是有效的 JSON 字符串，而不是文件。

您需要使用 AJAX 从服务器检索文件：

$.getJSON('./test.json', function(responseObject){
    var obj = responseObject
    console.log(obj)
})

【讨论】：

【解决方案4】：

如果它对任何人有帮助，请使用：

const dataObjectFromFile = require('./path/to/datafile.json');

【讨论】：