javascript - 如何让 steam API 正常工作？

Question

首先我要说的是，几天前我刚刚弄清楚如何使用 JQuery 的“$.ajax()”。我已经能够读取本地 .xml 和 .json 文件。

此外，我还了解了如何使用谷歌地图 API 导入动态和静态 map 。 (只需遵循谷歌文档即可)

现在，我有一个想法，将 Steam ID 用于学校项目，但我不断收到此错误:

XMLHttpRequest cannot load http://api.steampowered.com/ISteamUser/GetFriendList/v0001/?key=[MY_SECRET_KEY]2&steamid=76561197960435530&relationship=friend. Origin http://local.mysite.com is not allowed by Access-Control-Allow-Origin. 

(我拿出了 key ，生成的 key 应该允许访问http://local.mysite.com)

这是我的代码:

    <script type="text/javascript">
        $.ajax({
            url: "http://api.steampowered.com/ISteamUser/GetFriendList/v0001/?key=[MY_SECRET_KEY]&steamid=76561197960435530&relationship=friend",
            dataType: "json",
            success: function(data){
                console.log(data);
            },
            error: function(req,text,error){
                console.log(text);
                console.log(error);
                console.log("DIDN'T WORK!")
            }
        });
    </script>

有人知道这是怎么回事吗？我似乎无法让它发挥作用。

Answer 1

参见this answer和 the posts here 。更多背景请访问mdn 。本质上，您遇到了一个安全问题，即浏览器不允许您从 http://local.mysite.com 向 http://api.steampowered 发出请求。 com。

您有权访问服务器吗？您可以发出如下请求:browser -> steampowered，而不是发出这样的请求:browser -> your server -> steampowered。

您需要在您的服务器上创建一个端点(以便它位于您的域中)，您可以向该端点发送请求，该端点又会向 steampowered 发送请求。

您正在运行什么语言/框架，我们可以为您提供示例代码。