打印到控制台的Flickr API响应AngularJS

我正在尝试使API调用工作，并且想要查看它是否设法从外部源返回API数据。打印到控制台的Flickr API响应AngularJS

如何打印输出到控制台从app.js文件，所以在这种情况下，我可以看到API调用是否已返回？/有没有这样做，我一个更好的办法错过了？
我应该使用$ http还是$ resource？

当前代码：的js/app.js

var app = angular.module('imageViewer', ['ng', 'ngResource']); 
 

 
    function AppGallery($scope, $http) { 
 
    $http.jsonp('https://api.flickr.com/services/feeds/photos_public.gne?').success(function (data) { 
 
     $scope.data = data; 
 
     log(data); 
 
    }); 
 
    };

<!DOCTYPE html> 
 
<html ng-app="imageViewer"> 
 
<head> 
 
    <title>Photo Viewer</title> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.12/angular.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.12/angular-resource.js"></script> 
 
    <script src="js/app.js"></script> 
 
</head> 
 

 
<body ng-controller="AppGallery"> 
 

 
    {{data}} 
 

 
</body> 
 
</html>

来源

2015-02-06 Christopher Batts

它应该是'console.log'，而不是仅仅'log'？ – 2015-02-06 21:10:08

这实际工作稍有不同。你将不得不定义回调函数jsonFlickrFeed。检查下面的代码。

在这里你会发现两件事情： -

我们请求与参数格式= JSON数据？ Check the response here.
你会注意到出现的响应正在寻找一个回调函数jsonFlickrFeed。只需将数据处理程序定义到此函数中，然后我们就可以继续。

var app = angular.module('imageViewer', ['ng', 'ngResource']); 
 

 
    app.controller('AppGallery',[ '$scope','$http', function AppGallery($scope, $http) { 
 
    $http.jsonp('https://api.flickr.com/services/feeds/photos_public.gne?format=json').success(function (data) { 
 
     
 
    }); 
 
\t 
 
\t jsonFlickrFeed = function(data){ 
 
\t $scope.data = data; 
 
\t console.log(data); 
 
\t } 
 
    }]);

<!DOCTYPE html> 
 
<html ng-app="imageViewer"> 
 
<head> 
 
    <title>Photo Viewer</title> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.12/angular.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.12/angular-resource.js"></script> 
 
    <script src="js/app.js"></script> 
 
</head> 
 

 
<body ng-controller="AppGallery"> 
 

 
    {{data}} 
 

 
</body> 
 
</html>

检查here和更多信息。
如果您使用jQuery，您可以use jQuery.getJSON instead。关于jQuery.getJSON的More details。

希望这有助于！请标记为答案，如果有的话！谢谢！

来源

2015-02-07 08:35:01 amitthk

绝对精彩的回答。谢谢:) – 2015-02-07 10:53:37

哇！有点奇怪，我从来没有遇到过这样的事情 - >做得好！ – 2016-03-08 16:48:14

@amitthk请在这里看到问题，如果你有机会。任何反馈将真正感激 - http://stackoverflow.com/questions/35939620/angular-callback-api-add-error-message-if-fails – 2016-03-11 12:10:48

为了避免使用JSONP，添加以下查询参数：

&nojsoncallback=1

参见：https://www.flickr.com/services/api/response.json.html

来源

2017-01-24 01:15:33

打印到控制台的Flickr API响应AngularJS

回答

相关问题