Javascript 从外部JSON API提取数据并以HTML显示

Javascript 从外部JSON API提取数据并以HTML显示,javascript,html,css,json,Javascript,Html,Css,Json,我试图做的是从外部JSON数据链接中提取一些游戏统计数据,并将它们显示在HTML文件中 如果您访问- 您将看到它的显示 {"data":{"bestDivision":2,"bestPoints":21,"titlesWon":10,"promotions":2,"relegations":4,"goalsScored":458,"goalsAgainst":364,"gamesPlayed":202,"seasonsPlayed":22,"record":{"wins":103,"ties":

我试图做的是从外部JSON数据链接中提取一些游戏统计数据,并将它们显示在HTML文件中

如果您访问-

您将看到它的显示

{"data":{"bestDivision":2,"bestPoints":21,"titlesWon":10,"promotions":2,"relegations":4,"goalsScored":458,"goalsAgainst":364,"gamesPlayed":202,"seasonsPlayed":22,"record":{"wins":103,"ties":34,"losses":65},"passSuccess":77,"averagePossession":51}}
在上面描述的URL中,您会注意到结尾部分是“jamezaus92”,如果您将其替换为任何gamertag,则数据结果将根据该人员统计信息进行更改。我正在尝试创建一个HTML文件,您可以在其中简单地键入gamertag,它将在一个表中显示统计信息(稍后我将使用css进行样式设置)


我想做的是可能的吗?

因为您从远程源获取JSON数据

jQuery.getJSON('/Your/Url/Here');
不起作用。 相反,正如其他评论者所说,您需要使用CORS
这是一个很好的开始。

是的。这是可能的。你能帮我把所需的代码放到一个JSFIDLE中,这样我就可以看到一个例子吗?谢谢你让我们为你写代码。这不是这样的工作方式。已经有大量的例子,以及其他你的url被阻止的地方,很难让人摆弄