BTC公会API解析AngularJS问题



我试图通过AngularJS从BTC Guild API获取一些基本信息,但它所做的只是在错误函数中运行,并且没有给出错误是什么的输出。Firebug在插入该函数时在错误对象中没有显示任何内容。有什么想法吗?

jsfiddle链接:http://jsfiddle.net/bX3ar/11/

javascript:

angular.module('BTCGuild', []);
function BTCGuildCtrl($scope, $http) {
    $http.get('https://www.btcguild.com/api.php?api_key=').success(function (response) {
        $scope.error = 'response:' + response;
        $scope.unpaidRewards = response.user.unpaid_rewards;
    }).error(function (error, status) {
        $scope.error = 'error:' + error + status;
    });
}

html:

<!doctype html>
<head>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.5/angular.min.js"></script>
    <script type="text/javascript" src="btcguild.js"></script>
</head>
<html ng-app="BTCGuild">
<body>
    <div ng-controller="BTCGuildCtrl">
        <table>
            <p>{{unpaidRewards}}</p>
            <p>Error:{{error}}</p>
        </table>
    </div>
</body>
</html>

几个注意事项:

  1. 您将得到一个"跨来源请求"错误。以下是修复后的响应片段:OPTIONS https://www.btcguild.com/api.php?api_key= No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://fiddle.jshell.net' is therefore not allowed access.
  2. 看看这些关于如何正确格式化Angular的JSFiddle的注释:Frameworks&在中,扩展应该是无库-纯JS不换行。此外,您还需要将其放在Fiddle Options:Body Tag<body ng-app="BTCGuild">
  3. 以下是更新后的JSFiddle:http://jsfiddle.net/bX3ar/14/

如果你能解决COR问题,你就会看到这项工作。或者,如果你放入一个假的response,你可以看到它正确显示。

最新更新