从外部JSON API中提取数据并以HTML格式显示

时间:2016-06-03 07:29:24

标签: javascript html css json

我要做的是从外部JSON数据链接中提取一些游戏统计数据并将其显示在HTML文件中。

如果您访问 - https://www.easports.com/fifa/api/fifa16-ps4/stats/fut/jamezaus92

您将看到它显示

{"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进行设置)。

我正在尝试做什么?

1 个答案:

答案 0 :(得分:0)

由于您从远程源获取JSON数据,

jQuery.getJSON('/Your/Url/Here');

不起作用。 相反,您需要像其他评论者所说的那样使用 CORS 。 这是一个很好的CORS Tutorial供你开始。