JavaScript Tip: Loading a Local JSON File without Fetch

pouts!! que montagem huahuahuahuauha
muito bom xD

Thank you so much!

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at file///C:/XXX/app/js/app.json 🥲

At this time, Firefox still doesn't support assertions. Otherwise this works great.

Local Filesystem Detected !
Put this to your header:
<script type="text/javascript" src="js/extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="js/extensions/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="js/extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="js/extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="js/extensions/revolution.extension.parallax.min.js"></script>

thanks a lot!

I got an error "Uncaught SyntaxError: Unexpected token ':' " for my json file

Mind-blowing!!!

thank you sir, it helps a lot

I got "import assertions are not currently supported"

Does anyone have an error "Cannot use import statement outside a module" ?

Thank you very much! You helped me out

Thx, such useful info!
Warmest greetings from Ukraine!

newbie here! Is it possible to update the content of the JSON file?

you really saved my day

does not work for me. Need to access a local json file without a (live) server or user input. Seems impossible...

Thanking for saying you would link something in the description, and remembering to link it

Everything else seems to work for me now. BUT, I need the .json file to read as an object or variable like dictionary so i can process the data from it in Javascript. How can i store the data that is read into a variable like object? I need it to be able to read similar to how python read dictionaries

I have a question. How can I import data of a nested array in the JSON
i have made a script to pull data from an SQL server, which works fine but outputs a file set like this
[
[
{
Objects
}
A bunch more objects
]
]

And I've been using a script I've found to display it in HTML, but the script doesn't understand the nested array

Then could you console.log(users.name) and it print out the ane of the users?

I've been searching for hours and ended up on this video. Thanks a million tons!

This only works with Chrome. It does not work with FF just a heads up. If you try to run this with FF you will have issues and it will not load the array since FF does not support import assertions.

Thank you!

Thanks, but your link to fetch, actually links to this video.

i can't stop watch 3 hour continuous, amazing

This is exactly what I was looking for ... makes my code so much more streamlined!

Many thanks for this, I’ve sometimes wanted to try some stuff out using a mock data file i JSON format, but I’ve usually given up after getting that second error message.
Now I know why it happens.

Thanks! Excellent video. This method is great for when your app’s json data is on the same server as the app itself. No need to wait for the json. Promises can be avoided making coding easier/less complex

Thanks for sharing this. I found this example to work well when using Google Chrome as the target, but when using FireFox - it reports; "Uncaught SyntaxError: import assertions are not currently supported".