在纯JS中，如何获取Json内容[重复]答案

【问题标题】：In pure JS, how can I get the Json content [duplicate]在纯JS中，如何获取Json内容[重复]
【发布时间】：2020-07-21 01:13:44
【问题描述】：

假设我有这个外部 json：

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

使用此代码创建：

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);
}

我怎样才能得到这个json内容来解析它？

这是我尝试过的：

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

谢谢。

【问题讨论】：

你不能 - 你可以使用 jsonp 或 ajax。
您可以使用window.fetch() 获取它（如 Daniel A White 所说的 ajax）developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

标签： javascript json

【解决方案1】：

您可以直接在javascript中加载json，如下所示：

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

【讨论】：