AngularJS Flickr API 'Uncaught SyntaxError: Unexpected t

AngularJS Flickr API 'Uncaught SyntaxError: Unexpected token <'

本文关键字：SyntaxError Unexpected Uncaught Flickr API AngularJS      更新时间：2023-09-26

我试图使用AngularJS从Flickr获取公共照片并得到这个控制台错误:

Uncaught SyntaxError: Unexpected token <</p>

下面是我的代码:

  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);
      });
  });

这是我的Plunker:

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

预览

如何防止这个错误的发生?

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

在请求url中添加format=json。同时，用jsoncallback=JSON_CALLBACK代替callback=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);
});

参见更新后的plunker

相关文章：