JAVASCRIPT

read json file javascript

fetch("file.json")
    .then(Response => Response.json())
    .then(data => {
        console.log(data);
  		// or whatever you wanna do with the data
    });

read json from file js

const fs = require('fs');

fs.readFile('./customer.json', 'utf8', (err, jsonString) => {
  if (err) {
    console.log("File read failed:", err)
    return 
  }
  console.log('File data:', jsonString)
})

read json file into object javascript

fs.readFile(filePath, function (error, content) {
    var data = JSON.parse(content);
    console.log(data.collection.length);
});

js read file json

fs.readFile(filePath, function (error, content) {
    var data = JSON.parse(content);
    console.log(data.collection.length);
});

Read JSON File JavaScript

// read remote JSON file in javascript
fetch("https://jsonplaceholder.typicode.com/users")
  .then(function (response) {
    return response.json();
  })
  .then(function (data) {
    for (let i = 0; i < data.length; i++) {
      console.log(data[i]);
    }
  })

read json file javascript

// using Promise 
fetch("my.json") 
	.then(response => response.json()) 
	.then(parsed => /* parsed contains the parsed json object */); 
 
// or if you can use async/await 
let response = await fetch("my.json"); 
let parsed = await response.json();

read json file javascript

// using Promise 
fetch("my.json") 
	.then(response => response.json()) 
	.then(parsed => /* parsed contains the parsed json object */); 
 
// or if you can use async/await 
let response = await fetch("my.json"); 
let parsed = await response.json();

javascript read json from file

<script type="text/javascript" src="data.json"></script>
<script type="text/javascript" src="javascrip.js"></script>

read json file javascript

// using Promise 
fetch("my.json") 
	.then(response => response.json()) 
	.then(parsed => /* parsed contains the parsed json object */); 
 
// or if you can use async/await 
let response = await fetch("my.json"); 
let parsed = await response.json();

read json file javascript

// using Promise 
fetch("my.json") 
	.then(response => response.json()) 
	.then(parsed => /* parsed contains the parsed json object */); 
 
// or if you can use async/await 
let response = await fetch("my.json"); 
let parsed = await response.json();

access json file from JS file

Using fetch function
Code to access employees.json using fetch function −

fetch("./employees.json")
.then(response => {
   return response.json();
})
.then(data => console.log(data));