Question

我是jquery和javascript的新手，我一直试图从外部链接访问json文件的内容而没有运气。 json文件在下面的链接中生成。

http://api.wmata.com/StationPrediction.svc/json/GetPrediction/A10,A11?api_key=hadtcpbh3w5xjbtyqrzgm88x

我注意到有几个示例的网址类似于“www.samplesite.com/testfile.json”。但是，正如您在上面看到的，网址不是这样的。在Chrome中打开链接会直接转到json文件内容，但是在IE中打开文件会询问您是否要保存文件“A10，A11.json”。

我想要做的就是能够以HTML格式显示json文件内容。有些人可以给我一个简短的例子。

谢谢

Answer 1

$.ajax({
  url: 'http://api.wmata.com/StationPrediction.svc/json/GetPrediction/A10,A11?api_key=hadtcpbh3w5xjbtyqrzgm88x',
  dataType: 'jsonp',
  success: function(data){// your code here
  }
});

Answer 2

仅当具有JSON的网站允许跨源资源共享（CORS）时，才能访问JSON。找出它是否可用，如果是，那么就发布你的代码。

Answer 3

$.getJSON('http://api.wmata.com/StationPrediction.svc/json/GetPrediction/A10,A11?api_key=hadtcpbh3w5xjbtyqrzgm88x', function(data) {
    //data is the JSON string
});

Answer 4

要从您自己域之外的服务器检索JSON，您应该设置回调以检索所谓的“填充”JSON，这可以通过将以下内容添加到jQuery .ajax（）函数来轻松完成：

 dataType: 'jsonp'

如何从外部URL访问json内容

4 个答案: