将JSON文件加载到JS对象中

Question

我尝试将json文件加载到JavaScript var中，但它只是没有用完。

{{1}}

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

我在这里做错了什么？

Answer 1

您需要进行AJAX调用才能获取该文件。 $.getJSON旨在实现此目的：

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

Answer 2

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

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

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

Answer 3

如果您使用的是jQuery：

composer install

Answer 4

万一它对任何人都有帮助，只需使用此：

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