2013-10-27 66 views
0

让我开始说我刚才想出了几天前如何使用JQuery的“$ .ajax()”。我已经能够读取本地的.xml和.json文件。如何让蒸汽API工作?

此外,我想出了如何使用谷歌地图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> 

有谁知道这是怎么回事?我似乎无法得到这个工作。

+0

所以“[MY_SECRET_KEY]”是你生成的密钥?它看起来应该取代GetFriendList可以解释的关键字“[MY_SECRET_KEY]”。 –

回答

3

请参阅this answerthe posts here。欲了解更多背景,请访问mdn。 实质上,您遇到安全问题,浏览器不允许您提出从http://local.mysite.comhttp://api.steampowered.com的请求。

您有权访问服务器吗?而不是提出这样的请求:browser -> steampowered你可以提出这样的请求browser -> your server -> steampowered

您将要在服务器上创建一个端点(以便它位于您的域中),您可以发送请求到该端点,然后将请求发送到蒸汽供电。

你正在运行什么语言/框架,我们可以给你示例代码。

+0

我在Mac上运行Apache 2上的虚拟服务器。 我对此还是有点新,而且我没有拥有真正的服务器。 非常感谢您的帮助。 –

+0

够公平的,你现在有没有后端代码?你仍然可以在你的Mac上做到这一点。 如果你现在只有一个静态网站,你将不得不引入一些后端代码。 – ibash

+0

我从来没有做过任何后端代码。我即将学习Python,但现在我所知道的是如何将JavaScript加载到浏览器并通过这种方式运行它。