javascript - 如何从 JavaScript 读取网站上托管的外部 JSON 文件？

Question

如何读取托管在另一台服务器上的 JSON 文件？有一个托管 JSON 数据的网站，我想通过 JavaScript 访问它。JSON 数据位于 Open Notify API .

提出的其他问题和我在互联网上找到的东西对我没有帮助，因为它们都是关于本地 JSON 文件!

我也尝试过 jQuery，但没有成功。无论如何，当我查看语法时，函数的 script 部分必须是服务器上的 PHP 脚本。我将 JSON 文件放在该位置，但什么也没发生。我使用了 $.get() 方法。

如果有人回答我，我将非常感激。

谢谢!

Answer 1

与调用本地 JSON 文件的方式几乎相同，您可以从另一个 URL 获取在线 JSON 文件的内容。

话虽这么说，您应该记住，URL 应提供跨域 header ，以允许您的域请求该资源。

URL you mentioned有这些标题，您可以使用它。但是，他们的网络服务器不支持 HTTPS，所以我不能在这里使用它作为示例，因此我将使用 this JSON为了举例:

$.getJSON(
  "https://jsonplaceholder.typicode.com/todos/1",
  function( data ) {
     $('div#title span').html(data.title);
     $('div#completed span').html(data.completed?'true':'false');
  }
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id='title'>Title: <span></span></div>
<div id='completed'>Completed: <span></span></div>