2013-10-27 112 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加載到瀏覽器並通過這種方式運行它。