打印到控制檯的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

回答

相關問題