javascript - Steam API を動作させるにはどうすればよいですか?

Question

ほんの数日前に、JQuery の「$.ajax()」の使い方を理解したばかりだということから始めましょう。ローカルの .xml および .json ファイルを読み取ることができました。

また、Google マップ API を使用して動的および静的マップをインポートする方法も理解しました。（Googleのドキュメントに従っているだけです）

今、私は学校のプロジェクトに 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>

何が起こっているのか知っている人はいますか？私はこれを機能させることができないようです。