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

时间:2018-09-24 03:13:30

标签: javascript jquery json

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

其他问题和我在Internet上发现的问题对我没有帮助,因为它们全都与本地JSON文件有关!

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

如果有人回答我,我将不胜感激。

谢谢!

1 个答案:

答案 0 :(得分:1)

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

话虽如此,您应该记住,URL应该提供跨域标头,以允许您的域请求该资源。

URL you mentioned具有这些标头,您可以使用它。但是,他们的Web服务器不支持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>