JAVASCRIPT

import json javascript

// example.json
{
    "name": "testing"
}


// ES6/ES2015
// app.js
import * as data from './example.json';
const {name} = data;
console.log(name); // output 'testing'

import json data in js file

<script type="module">
import data from "./data.json" assert { type: "json" };
console.log(data);
</script>

// also add this=> type:"module" in json file as object

importing json file in javascript

import countryTable from "./data/countries.json" assert { type: "json" };

how to import json in js

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

import json file into javascript

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

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

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));