Loading a local JSON file using script tag

Question

I want to load a JSON file locally into my HTML page, without using a web server. This isn't possible with AJAX so I came up with this solution:

HTML:

<script src="../js/hack.js"></script>
<script src="../js/data.json"></script>

Inside hack.js :

var myJsonData =

And the json file looks like this:

[{"something":"anything"},{},{}]

I expected that the ultimate result would be this:

var myJsonData = [{"something":"anything"},{},{}]

But sadly I get the error: Uncaught SyntaxError: Unexpected end of input after loading 'hack.js'.

Is there any way to solve this without adjusting the json file, and without adjusting the local browser settings / using a localhost server?

You cannot expect that the files are just concatinated. Each file is parsed as a seperated script, you can use each others variables, but there is no overflow from the code — Jerodev
– Jerodev, Commented Sep 30, 2014 at 11:13
you cannot do like this..you need to have an ajax call to the json to get the values from it and then fill myJsonData variable with the json data — V31
– V31, Commented Sep 30, 2014 at 11:13
He is using the code localy, he isn't able to do ajax requests. — Jerodev
– Jerodev, Commented Sep 30, 2014 at 11:15

Jerodev · Accepted Answer · 2014-09-30 11:15:05Z

1

You will have to change your json file so that you declare the variable there.

data.json

var MyjsonData = [{"something":"anything"},{},{}]

Now in your hack.js file, you can call the variable MyjsonData.

answered Sep 30, 2014 at 11:15

Jerodev

33.3k11 gold badges96 silver badges113 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Thanks, that's probably the only solution. I was hoping for a way to avoid altering the JSON file itself.