Uncaught SyntaxError: Unexpected token <, when calling angularJS $http.jsonp-Collection of common programming errors
I’m trying to work with the IUCN Red List web services API (here’s an example output). Unfortunately I haven’t been able to find any documentation other than this one-off Gist. It looks as though the API is constructing an HTML document rather than returning a data object, which isn’t something I’ve experienced in the past. I also notice that in the example there is no mention of a ?callback=JSON_CALLBACK
in the URL, which I would expect when dealing with JSONP.
I’ve constructed an http request in AngularJS like so:
atRiskApp.controller('IucnController', ['$scope', '$routeParams', '$http', function ($scope, $routeParams, $http) {
$scope.iucn = $routeParams.iucn; // pulling a number from the URL: ex. 22718591
$scope.getIUCN = function () {
var iucnUrl = 'http://api.iucnredlist.org/details/' + $scope.iucn + '/0.js';
$http.jsonp( url )
.success( function (response) {
console.log(response);
})
.error( function (response) {
console.log(response);
});
};
}]);
Although the HTML document is being successfully passed to my app I’m getting the following error message: Uncaught SyntaxError: Unexpected token