Get JSON with the Fetch API - JavaScript Tutorial

Using the Fetch API it's super easy to retrieve JSON in your web applications. In this video I'll demonstrate how to do so with a basic example.

Support me on Patreon:

For your reference, check this out:

Follow me on Twitter @dcode!

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

[kobenade]

You are really amazing man. For real, you tutorials have been seriously helping me out. Other tutorials just lead you on a wild goose chase bit yours is legit and straight to the point. I just noticed this and had to write this message. Thanks alot!❤

[dreamingofitaly]

Thank you! A simple, easy to understand and quick video! Just what I was looking for!

[revai]

That's a great tutorial! I was searching all over for this

[slmshady]

Thanks mate😎. Helpful video. I've interview tomorrow for mean stack

[minhacks]

Thank you very much, your video helped me to complete my project

[viki_sky]

Is JSON vulnerable (by attacker from remote ) to changes in its value [ if stored in server directory. ]

[kanizmomin]

How would i code a function to display specific data, for example all the names from the json file?

[debenick]

Any idea on how that can be done with elm?

[nikhilpratapsingh]

Hey can u please tell me how to fetch people name and age and country in document sections

[Ravenex]

Would've liked to have the files to play with!

[natnar]

how i do the same but with react? theres no script section, im a little confuse. :(

[halcolm]

is there a way i could return data rather than console logging it? I would like to be able to then play around with the data. for example use attributes from data to call another api in different and seperate function outside of the original function

[ishangupta]

please upload some video of server side language with mongodb please

[Daliy_train]

if the JSON data in URL so how we can do that?

[scottmcmahon]

every time I try to use fetch( ) on a JSON file I get this error in my google chrome console "URL scheme must be "http" or "https" for CORS request."
What am I doing wrong?

[pgwrkru]

what if i wanted to store the result of the fetch into a variable of type object so that i can later play with it in my code ? i have watched tons of videos and still cant figure out how it works....

[bigmancozmo]

It doesn't work
Edit: oh i just spelled the path wrong
Edit again: it STILL doesn't work :/