Currently there is no way to directly import JSON files using JavaScript (ESM). You could load them in as data, but that would be going through a separate (usually asynchronous) API rather than using the module system such as fetch . If you're using a bundler (e.g. webpack, rollup, esbuild, etc.), they usually allow you to specify JSON in import statements from within your source code. Then, during bundling, those import statements are re-written to include your JSON through alternate means despite, to you, it appears to work no differently than any other source file. In the future we should be able to do this without the help of bundlers. For more information on that proposed feature, see: https://github.com/tc39/proposal-json-modules More on reddit.com

Hey! I’m learning how to work with Kotlin and Javascript, and right now, I’m trying to load a .json file that’s present on the same server the website itself is hosted from. How would I go about this? There’s a JSON object but the documentation doesn’t really say how to use it. Thanks! More on discuss.kotlinlang.org

You can't write files directly to the user's filesystem from JS in the browser, no. And you can only read files that the user has selected with a file input. What you can do is create an ad-hoc file from data you have, and then trigger the browser's download prompt (or save it to the user's downloads folder, if they have automatic downloads turned on). For example, here is how you can take a table from a page and prompt the user to download it as a .CSV file: Sarah New York Masseuse Laura Odessa Journalist Leland Vancouver Ski Instructor Save as .csv file The idea is that you create a new link element that points to data:, and then some content, set the download attribute on it so that clicking it prompts a download rather than an attempt to render it in the browser, attach it to the DOM, call the click method on it, then remove it from the DOM. You could do this for all sorts of binary data, locally stored data, etc too, and it's as close as you'll get. That technique relies on the HTML5 download attribute, so it won't work in IE <= 10. But those browsers have the navigator.msSaveBlob method which is even simpler. More on reddit.com

AJAX is not a library, it is 'normal pure JS'. Maybe try listening more carefully to what people are telling you instead of being so quick to dismiss them. Javascript does have JSON.parse() which will turn a JSON string into an object- this is the subject of the entire first page of google results for a simple search like 'javascript read json'. There are also more specific utilities for reading JSON in the context of things like the browser fetch API. Are you talking about doing this in the browser, or doing it with Node? In the browser you can't access the file system, but you can access files served over HTTP: fetch('http://my-server.com/file.json') .then((res) => res.json()) .then(console.log) In Node you can talk directly to the file system, like so: const fs = require('fs'); fs.readFile('/path/to/file.json', { encoding: 'utf8' }, (err, data) => { if (err) throw err; console.log(JSON.parse(data)); }); More on reddit.com