Importing Data fom JSON-File into JavaScript

Question

The "console-log(states)" line in he HTML File returns an "undefined". Does anyone know why? My goal here is to store the data from the JSON-File in a JavaScript-Variable. The result should be a list that contains 3 dictionaries.

Both files are in the same directory.

Thanks a lot for any help!

HTML-File

<html>
<head>
<script type="text/javascript" src="states_Ex1.json"></script>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>

<script> var states=states_Ex1.json</script>
<script>
console.log(states) // --> undefined
</script>

</body>
</html>

JSON-File

[
    {
        "gene1": true,
        "gene2": true,
        "nextStateIndex": 1
    },
    {
        "gene1": true,
        "gene2": false,
        "nextStateIndex": 2
    },
    {
        "gene1": true,
        "gene2": true,
        "nextStateIndex": 1
    }
]

Alex Douglas · Accepted Answer · 2020-07-10 18:07:38Z

1

New Answer

I've found a series of answers here for accessing local JSON files.

I tried @seppoo0010's method and it works on my end. Give it a shot:

$.getJSON("your-path-to-file.json", function(states) {
    console.log(states); // this will show the info it in firebug console
});

~~You'll need to parse the JSON. Try this:~~ ~~... var states = JSON.parse(states_Ex1.json) ...~~

edited Jul 10, 2020 at 18:07

answered Jul 10, 2020 at 17:40

Alex Douglas

2211 silver badge7 bronze badges

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

2 Comments

Alex Douglas Over a year ago

See revised answer.

Alex Douglas Over a year ago

Awesome! Glad I could help!

Collectives™ on Stack Overflow

Importing Data fom JSON-File into JavaScript

1 Answer 1

New Answer

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

New Answer

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related