0

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

此外，我还想出了如何使用谷歌地图 API 来导入动态和静态地图。（只是按照谷歌文档）

现在，我有一个想法将 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.

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

有人知道发生了什么吗？我似乎无法让它工作。

4

1 回答 1

3

请参阅此答案和此处的帖子。有关更多背景信息，请访问mdn。本质上，您遇到了一个安全问题，即浏览器不允许您从http://local.mysite.comto发出请求http://api.steampowered.com。

您可以访问服务器吗？而不是发出这样的请求：browser -> steampowered您可以发出这样的请求browser -> your server -> steampowered。

您将要在您的服务器上创建一个端点（以便它在您的域中），您可以向该端点发送请求，进而向蒸汽驱动发送请求。

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

于 2013-10-27T22:38:09.663 回答