In pure JS, how can I get the Json content

Question

Supposing I have this external json:

<script id="data" src="https://website.com/datas.json"></script>

Created with this code:

window.onload = function () {
    var e = document.createElement("script");
    e.setAttribute("id", "data");
    e.src = "https://website.com/datas.json";
    document.getElementsByTagName("head")[0].appendChild(e);
}

How can I get this json content to parse it after ?

This is what I tried:

var data = JSON.parse(document.getElementById('data').innerHTML);

Thanks.

You could grab it using `window.fetch()` (ajax as Daniel A White says) https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch — ippi, Jul 21 '20 at 01:29

score 0 · Answer 1 · answered Jul 21 '20 at 01:31

0

you can directly load the json in javascript like below:

const response = await fetch('https://website.com/datas.json');
const data = await response.json();

answered Jul 21 '20 at 01:31

Adnan Alawiyat

1

In pure JS, how can I get the Json content

1 Answers1