added await-import examples for importing json modules

[therealadityashankar]

Description

I added the await-import syntax for completeness sake, I believe this syntax is likely to be used in the await-import syntax much more as compared to it's use on the top-level (I can be mistaken), due to it being simpler compared to fetching an object and converting it into json

Motivation

I suspect people are far more likely to use the await-import syntax as a replacement to fetch() due to fewer lines of code, as opposed to using import at the top level

Additional details

this simply adds the same top-level import specifications as await-imports as well

so for example

import data from "https://example.com/data.json" with { type: "json" };

can also be

const data = await import("https://example.com/data.json", { with: { type: "json" } });

[therealadityashankar]

more stuff needs to be added via @jakearchibald 's article, because the behavior here isn't what one would want, tagging that here https://jakearchibald.com/2025/importing-vs-fetching-json/

also thanks jake for writing the article

[therealadityashankar]

okay, corrected it :)

[github-actions]

Preview URLs

• /en-US/docs/Web/JavaScript/Reference/Operators/import
• /en-US/docs/Web/JavaScript/Reference/Statements/import/with
• /en-US/docs/Web/JavaScript/Reference/Statements/import

Flaws (2)

Note! 2 documents with no flaws that don't need to be listed. 🎉

URL: /en-US/docs/Web/JavaScript/Reference/Operators/import
Title: import()
Flaw count: 2

• broken_links:
  • /en-US/docs/Web/API/URL/createObjectURL is a redirect
  • Can't resolve /en-US/docs/Web/Node.js/vm/Module

(comment last updated: 2025-11-02 02:47:08)

[Josh-Cena]

Thanks. I moved your addition to "examples" because "description" talks about the semantics of this feature while this is how you can use this feature. I also added the same kind of example to the other two relevant pages.