如何在带有 jquery 的 html 中使用 Steam API json 数据？答案

【问题标题】：How to use steam API json data in html with jquery?如何在带有 jquery 的 html 中使用 Steam API json 数据？
【发布时间】：2015-08-14 08:45:41
【问题描述】：

我正在尝试从 Steam 网络 API 获取信息。

这是 api 应该从这里输出的 json：http://api.steampowered.com/ISteamUser/GetPlayerSummaries/v0002/?key=YOUR_STEAM_API_KEY&steamids=76561198059308395

{
    "response": {
        "players": [
            {
                "steamid": "76561198059308395",
                "communityvisibilitystate": 3,
                "profilestate": 1,
                "personaname": "Shixma",
                "lastlogoff": 1439517830,
                "commentpermission": 2,
                "profileurl": "http://steamcommunity.com/id/Rev32gaming/",
                "avatar": "https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/b6/b6e18a8c0f6e61cf1a5ed2e8ec66f918116ecffc.jpg",
                "avatarmedium": "https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/b6/b6e18a8c0f6e61cf1a5ed2e8ec66f918116ecffc_medium.jpg",
                "avatarfull": "https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/b6/b6e18a8c0f6e61cf1a5ed2e8ec66f918116ecffc_full.jpg",
                "personastate": 1,
                "realname": "❤ Nao Tomori | Lucy Kaede ❤",
                "primaryclanid": "103582791434248624",
                "timecreated": 1330107496,
                "personastateflags": 0,
                "loccountrycode": "GB",
                "locstatecode": "N7"
            }
        ]

    }
}

这是我正在尝试使用的代码：

var steamSixFourId = '76561198059308395' //steam64 id
var steamApiKey = 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXX' //steam web api key
$(document).ready(function() {    
   $.getJSON("http://api.steampowered.com/ISteamUser/GetPlayerSummaries/v0002/?key="+steamApiKey+"&steamids="+steamSixFourId+"?",function(steamGetInfo) {
        $('#steamInfoWidget').html("Logo Link: " + steamGetInfo.response.players[0].avatarfull);
   });
});

它什么也没做，here 是 API 的文档

【问题讨论】：

原来是API本身的问题。

标签： jquery json steam-web-api

【解决方案1】：

没有足够的声誉来发表评论，但你能解释一下你想做什么吗？根据您的代码，您得到的只是播放器的图像。如果您想让他们登录到该帐户，也许您应该在包含图像的“profileurl”中包含一个 a-tag。

    var steamSixFourId = '76561198059308395' //steam64 id
        var steamApiKey = 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXX' //steam web api key
        $(document).ready(function() {    
           $.getJSON("http://api.steampowered.com/ISteamUser/GetPlayerSummaries/v0002/?key="+steamApiKey+"&steamids="+steamSixFourId+"?",function(steamGetInfo) {
                var profileUrl = "<a href='"+ steamGetInfo.response.players.profileurl+"'><img src='"+steamGetInfo.response.players.avatarfull+" \/><\/a>";

           $('#steamInfoWidget').html("Logo Link: " + profileUrl);
           });
        });

对不起，如果这不是标准的，只是想帮忙:)

【讨论】：

现在我只是想看看我是否能得到图像（由于某种原因我不能）。但它只会用于显示用户的个人资料图像和在线状态（角色状态）。（我可以自己做，只是不知道为什么这不起作用）
另请注意，如果配置文件是私有的，某些 API 端点不会清楚地通信。