How To Read a JSON File With JavaScript

Publicado em: 18 Setembro 2019
no canal de: Code With Bubb

147,743

740

In this tutorial, you'll learn how to read a JSON file with your JavaScript code. Get my free 32 page eBook of JavaScript HowTos 👉 https://bit.ly/2ThXPL3

In order to read a JSON file with JavaScript you need to make a network request to the file that contains your JSON data.

It's not quite as easy as just 'requiring' a file like you would do with NodeJS or using a commonJS import in your browser. Therefore, reading a JSON file with JavaScript is very much like making a call to an API endpoint and you'll need a tool to do this.

Probably the simplest way to make the call is to use the fetch API to send the network request to the file and because of CORS and not being able to send a network request locally you will probably need to setup a server (I use the NPM package lite-server https://www.npmjs.com/package/light-s... in the tutorial) in order to serve your base file and the JSON file.

The benefit of using Fetch is you can call the response.json() function to convert the response data to a JavaScript object automatically. Channel Handle @codebubb

Nesta página do site você pode assistir ao vídeo on-line How To Read a JSON File With JavaScript duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Code With Bubb 18 Setembro 2019, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 147,743 vezes e gostou 740 espectadores. Boa visualização!

154