Angularjs Flickr API语法错误：使用nojsoncallback = 1时出现意外令牌

Question

我有一个angularjs应用程序来调用flickr api。

我想要没有功能包装并且按照docs的 RAW json格式的数据，应用&nojsoncallback=1 。

但是我收到以下控制台错误。 SyntaxError: Unexpected token '

仅在将&nojsoncallback=1应用于网址时才会出现此错误。 但是我想要没有包装的RAW json。

如果我不将以上内容应用于url并简单使用https://api.flickr.com/services/feeds/photos_public.gne?tags=trees&format=json我不会收到任何错误，但是在控制台注销typeof时显示“字符串”。

然后，我尝试将其解析为JSON并收到另一个错误，因为它已包装。 因此，为什么我要RAW。

下面是我到目前为止的代码。 任何帮助-非常感谢。

JS

(function(){
'use strict';

    var app = angular.module('flickrApp', []);

    app.controller('FlickrFeedController', ['$http', '$scope', function($http, $scope){

        // grab the flickr api
        var response = $http.get('http://crossorigin.me/https://api.flickr.com/services/feeds/photos_public.gne?tags=trees&format=json&nojsoncallback=1');

        // on success
        response.success(function(data){

            // console logging out the typeof gives 'string'
            console.log(typeof(data));

            // since it's a string I would then want to convert it into a json object
            // but I need to sort the current error out first
            // data = JSON.parse(data);
            // console.log(typeof(data));

        });
    }]);

})();

编辑 ：这是一种解决方法&nojsoncallback=1从网址中删除&nojsoncallback=1 （删除控制台错误），并且由于数据以字符串形式返回，必须替换字符，然后进行解析。 不太好，但是我得到了所需的输出（对象），并认为我会将其添加到这里供其他人查看。

JS

(function(){
'use strict';

    var app = angular.module('flickrApp', []);

    app.controller('FlickrFeedController', ['$http', '$scope', function($http, $scope){

        // grab the flickr api
        var response = $http.get('http://crossorigin.me/https://api.flickr.com/services/feeds/photos_public.gne?tags=trees&format=json');

        // on success
        response.success(function(data){

            // typeOf is 'string' even though format=json is specified in the url
            //console.log(typeof(data));
            //console.log(data);

            // work-around since data is returned as a string
            data = data.replace('jsonFlickrFeed(', '');
            data = data.replace('})', '}');
            data = data.replace(/\\'/g, "'");

            // parse the data
            data = JSON.parse(data);

            // typeOf is 'object'
            console.log(data.items);
            console.log(typeof(data));

        });
    }]);

})();

Answer 1

生成角度资源以使用以下格式调用api： {'json', jsoncallback: 'JSON_CALLBACK'} 。 在此处检查完整的解决方案-http: //plnkr.co/edit/Lxxkb9?p=preview

var app = angular.module（'flickrApp'，['ngResource']）;

app.factory('Flickr', function($resource, $q) {
  var photosPublic = $resource('http://crossorigin.me/https://api.flickr.com/services/feeds/photos_public.gne?tags=trees&format=json', 
      { format: 'json', jsoncallback: 'JSON_CALLBACK' }, 
      { 'load': { 'method': 'JSONP' } });
  return {
    get: function() {
      var q = $q.defer();
      photosPublic.load(function(resp) {
        q.resolve(resp);
        console.log(resp.items);
      })
      return q.promise;
    }
  }
});
app.controller('FlickrCtrl', function($scope, Flickr) {
Flickr.get();
});