解析JSON文件以在JavaScript中使用

Question

I am trying to parse a JSON file so I can access its data using JavaScript. Here is a sample of the JSON file:

 "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,

An here is the JavaScript I am using:

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

But I am getting this error:

Failed to load resource: Preflight response is not successful

and

Fetch API cannot load <file path> Preflight response is not successful

Answer 1

Try using

parseVariable = JSON.parse(JsonVariable);

console.log(parseVariable);