Question

让我先说几天前我刚才弄清楚如何使用JQuery的“$ .ajax（）”。我已经能够读取本地.xml和.json文件。

此外，我已经弄清楚如何使用谷歌地图API导入动态和静态地图。（只需按照谷歌文档）

现在，我有一个想法为学校项目使用蒸汽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.

（我取出了密钥，生成的密钥假设允许访问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这样发出请求。

您可能希望在您的服务器上创建一个端点（以便它可以在您的域中），您可以向其发送请求，然后该请求会向蒸汽驱动器发送请求。

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

如何使蒸汽API工作？

1 个答案: