解析 JSON 文件以在 JavaScript 中使用
Posted
技术标签:
【中文标题】解析 JSON 文件以在 JavaScript 中使用【英文标题】:Parsing JSON file to use in JavaScript 【发布时间】:2018-09-18 01:31:11 【问题描述】:我正在尝试解析 JSON 文件,以便可以使用 javascript 访问其数据。这是 JSON 文件的示例:
"Veg":
"French beans 300g": 81969,
"Bunched beetroot": 78272,
"Squash box": 45450,
"Bunched carrots 500g": 90435,
"Courgettes x3": 17824,
"Fennel x1": 14816,
"Shiitake mushrooms 150g": 5166,
"Spring onions 125g": 65034,
"Red peppers x2": 11671,
这是我正在使用的 JavaScript:
<script>
var sourceData;
// Initial data load
fetch("data.json",
method: "GET",
headers: new Headers(
'Content-Type': 'application/json',
'Accept': 'application/json'
)
).then(function (body)
return body.json();
).then(function (data)
sourceData = data;
);
</script>
但我收到此错误:
Failed to load resource: Preflight response is not successful
和
Fetch API cannot load <file path> Preflight response is not successful
【问题讨论】:
您是如何发送请求的?我的意思是,您使用的是 cURL、Postman 还是浏览器?如果您使用的是浏览器,浏览器中的地址栏会显示什么?它是以file:///
还是http://
开头的?
你没有回答我的问题。
浏览器,文件:///
您不能使用从文件浏览器打开的浏览器窗口中的 XHR 请求(获取)。您的 html 文件必须从服务器打开才能正常工作。
我明白了。谢谢,我试试看
【参考方案1】:
尝试使用
parseVariable = JSON.parse(JsonVariable);
console.log(parseVariable);
【讨论】:
以上是关于解析 JSON 文件以在 JavaScript 中使用的主要内容,如果未能解决你的问题,请参考以下文章
如何删除 jq 输出中的双引号以在 bash 中解析 json 文件?
Json反序列化器或正则表达式或Json解析以在c#中转换Json字符串