Accessing JSON file with index.html-CodePudding

I have my index.html & data.json file both in the same directory
so how do I access the json file from index.html?

maybe something like this in the index.html :

<script>
  const data= require('./data.json') //obviously this won't work
</script>

according to all the answers for this question, you have to first send the index.html file then make a fetch request back to the server to send you the json file

but is there no way to send both of them together to avoid delay?

CodePudding user response：

You can fetch the file for where it's being server.

<script>
  (async () => {
    raw = await fetch('/data.json')
    data = await raw.json()
  })().catch(console.warn)
</script>

CodePudding user response：

You can embed the JSON in the HTML document, either by hard-coding it or using server-side programming to generate the HTML.