使用普通 javascript 从 JSON Url 中读取数据并将其显示在 HTML 中

Question

我需要从 json 中读取数据，使用普通 javascript 生成 url 并显示 html.i 中的数据已经搜索了很多但我找不到确切的内容我需要。你能给我一些启动，比如我应该做什么或任何参考资料。我真的很想自己学习和实现它。

P.S: 我是JavaScript的初学者。

Answer 1

可以使用ES6 fetch API加载请求数据然后渲染。

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

这里有一个关于获取的教程 API：https://scotch.io/tutorials/how-to-use-the-javascript-fetch-api-to-get-data

现在所有现代浏览器都支持 Fetch：https://caniuse.com/#feat=fetch

使用普通 javascript 从 JSON Url 中读取数据并将其显示在 HTML 中

Read data from JSON Url using plain javascript and display it in HTML

html

javascript

json-api