使用纯javascript从JSON Url读取数据，并以HTML显示

我需要使用纯javascript从json生成的url读取数据，并用html显示数据。我已经搜索了很多，但找不到我需要的确切内容。你能不能给我一些创业的资料，比如我该怎么做或者什么参考资料。我真的很想自己学习并实现它

---

附言：我是JavaScript的初学者。

您可以使用ES6 fetch API加载请求数据，然后呈现它

fetch('http://example.com/movies.json')
  .then(function(response) {
    return response.json();
  })
  .then(function(myJson) {
    console.log(myJson);
  });

以下是关于获取API的教程：

---

Fetch现在在所有现代浏览器中都受支持：

您可以使用ES6 Fetch API加载请求数据，然后呈现它

fetch('http://example.com/movies.json')
  .then(function(response) {
    return response.json();
  })
  .then(function(myJson) {
    console.log(myJson);
  });

以下是关于获取API的教程：

---

现在所有现代浏览器都支持Fetch:

为了澄清，您希望从URL（端点）获取数据。您试图获取的数据是JSON格式的吗？然后你想对这些数据做些什么（解析它）并将其输出到你的HTML（DOM）？请注意CORS，大多数网站不允许你直接从浏览器加载其内容，在你开始使用这个特定的东西之前，了解CORS是值得的，你会节省很多时间headaches@Alex是的！这是正确的。我知道如何生成json url或api。但我不知道如何使用javascript获取json数据并以HTML显示数据。@AnkitaRoy jQuery有一个函数（方法），可以让您非常轻松地做到这一点。如果您希望只使用香草Javascript，那么下面Pranav的答案可能是一个很好的起点。如果您想查看jQuery的示例，请告诉我。Pravav已经介绍了其他内容。为了澄清，您希望从URL（端点）获取数据。您试图获取的数据是JSON格式的吗？然后你想对这些数据做些什么（解析它）并将其输出到你的HTML（DOM）？请注意CORS，大多数网站不允许你直接从浏览器加载其内容，在你开始使用这个特定的东西之前，了解CORS是值得的，你会节省很多时间headaches@Alex是的！这是正确的。我知道如何生成json url或api。但我不知道如何使用javascript获取json数据并以HTML显示数据。@AnkitaRoy jQuery有一个函数（方法），可以让您非常轻松地做到这一点。如果您希望只使用香草Javascript，那么下面Pranav的答案可能是一个很好的起点。如果您想查看jQuery的示例，请告诉我。普拉瓦夫已经为你提供了其他保险。