Using JSON files in vanilla websites

sanjarcode commented 1 year ago

Node - require works. import works too, but might need assert JSON.
Browser (vanilla) - fetch('./path-to-file') is simplest way that works for all browsers. FYI, import (with assert JSON) works on Chrome, but fails on Firefox or Safari.
Browser with bundlers - import data from "data.json" works fine.

On web, prefer using this wrapper

async function fetchJSON(pathToFile) {
  const resp = await fetch(pathToFile);
  const jsonFileAsObject = await resp.json();
  return jsonFileAsObject;
}

sanjarcode commented 1 year ago

https://codereviewvideos.com/how-i-fixed-needs-an-import-assertion-of-type-json/

https://github.com/tc39/proposal-import-assertions. code:

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

sanjarcode commented 9 months ago

A more specific proposal of the above is in place to solve this. Will be released in 2024 hopefully. Current support is almost zero. See

Syntax is the same, with

sanjar-notes / frontend

Using JSON files in vanilla websites #102