javascript - AngularJS Flickr API 'Uncaught SyntaxError: Unexpected token <'

Question

我尝试使用 AngularJS 从 Flickr 获取公开照片并收到此控制台错误:

Uncaught SyntaxError: Unexpected token <

这是我的代码:

  var app = angular.module('plunker', ['ng', 'ngResource']);
  app.controller('MainCtrl', function($scope, $http) {
      $http.jsonp('https://api.flickr.com/services/feeds/photos_public.gne?&callback=JSON_CALLBACK').then(function (data) {
        $scope.data = data;
        console.log(data);
      });
  });

这是我的笨蛋:

http://plnkr.co/edit/vB9BJDh6B8DtSFlod1F2?p=preview

如何防止此错误发生？

Answer 1

您正在使用的 flickr API 的 URL 返回 XML。

在请求网址中添加format=json。另外，将 callback=JSON_CALLBACK 替换为 jsoncallback=JSON_CALLBACK。

总而言之，查询如下:

$http.jsonp('https://api.flickr.com/services/feeds/photos_public.gne?format=json&jsoncallback=JSON_CALLBACK').then(function (data) {
    $scope.data = data;
    console.log(data);
});

参见updated plunker