Why am I getting a error saying "SyntaxError: unexpected token: ':'" in a JSON file?

Question

Error I am getting:

SyntaxError: unexpected token: ':'

This is what is in the JSON file:

{ "Name":"John", "Age":30 }

This is what is in the JavaScript file reading the data:

var jsonFile = JSON.parse(test);
var Tag = document.getElementById("test");

Tag.innerHTML = jsonFile.Name;

This is the HTML tags I have added in the HTML file:

<script type="text/javascript" src="../static/test.json" async></script>
<script type="text/javascript" src="../static/java.js" async></script>

Why am I getting this error?

`` this is wrong. You can't have json as script tag's src – Vinay Aug 04 '20 at 17:21 — Vinay, Aug 04 '20 at 17:21

score 1 · Answer 1 · answered Aug 04 '20 at 15:07

1

JSON.parse is expecting a string such as

'{ "Name":"John", "Age":30 }'

answered Aug 04 '20 at 15:07

haidousm

score 0 · Answer 2 · answered Aug 04 '20 at 15:06

0

You can use .json() instead of parse().

test.json()

answered Aug 04 '20 at 15:06

Minal Shah

Still gives the the same error, sorry, it seems to be a error with the json file not the javascript – Callum S Aug 04 '20 at 15:07

2 Answers2