how to instantiate a js object from .json file

Question

I have included my json file like this

<script type="text/javascript" src="slideshows/1/myfile.json"></script>

And I wonder how I can now create a js object from this file?

If the json was defined inline, or defined in a .js-file it would already have a variable connected to it, but how does it work now that it is in a separate json file?

I would use jQuery - getJSON( url, [data], [callback] ) to call json file and instantiate in callback method — Satpal
– Satpal, Commented May 20, 2014 at 9:02
JSON is application/json not application/javascript. It isn't a programming language. — Quentin
– Quentin, Commented May 20, 2014 at 9:07

Scimonster · Accepted Answer · 2014-05-20 09:06:01Z

3

A JSON file is not a script. It is data.

You need to use a data access method, such as jQuery's $.getJSON() to get it.

answered May 20, 2014 at 9:06

Scimonster

33.4k10 gold badges79 silver badges92 bronze badges

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

2 Comments

Matt Welander Over a year ago

And loading it over such an ajax call will still utilise the cached version of myfile.json as long as it is included in the cache manifest am I right?

Scimonster Over a year ago

I'm not an expert on caching rules, but that sounds about right.

Mehran Hatami · Accepted Answer · 2014-05-20 09:16:06Z

1

Using script tags to import JSON in the page has only on useful use case, which is a way to prevent Cross-origin security issue from happening. We use it as JSONP in JavaScript by sending a callback attribute on the query-string:

<script type="text/javascript"">
    window.getMyJSON = function(json){

    };
</script>

<script type="text/javascript"
        src="http://someotherdomain/slideshows/1/myfile.json?callback=getMyJSON">
</script>

BUT it seems here the JSON file is located just on the current domain, so as @Scimonster has pointed out you can simply achieve it using $.getJSON().

answered May 20, 2014 at 9:16

Mehran Hatami

13k6 gold badges31 silver badges36 bronze badges

Collectives™ on Stack Overflow

how to instantiate a js object from .json file

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related