将 JSON 文件加载到 JS 对象中

Question

我尝试将 json 文件加载到 JavaScript var 中，但它就是行不通。

var jsonString = JSON.stringify('./test.json');
var obj = JSON.parse(jsonString);
console.log(obj.details.ProductID);

它

说它无法读取未定义的属性产品 ID。

我在这里做错了什么？

Answer 1

您需要进行 AJAX 调用才能获取文件。 $.getJSON正是为了这个目的：

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

Answer 2

如果你使用的是jQuery：

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

Answer 3

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

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

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

Answer 4

如果它对任何人有帮助，只需使用这个：

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