将JSON文件加载到JS对象中

我尝试将json文件加载到JavaScript var中，但它无法正常工作。

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

它说它无法读取undefined的属性ProductID。

我在这做错了什么？

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) })