Angular $http jsonp：如何解析数据

Question

我开始学习 Angular，我想尝试一下 $http 调用函数。 我基本上想向外部 API 发出 get 请求：

angular.module('pokedexApp')
  .controller('MainCtrl', function ($scope, $http) {
    var response;
    $http.jsonp("http://pokeapi.co/api/v1/pokemon/1/").success(function(response) {
        response = response;
    })

    $scope.pokemon = response;
  });

我可能完全错了它是如何工作的。我基本上是想{{ pokemon }}出一个回复来测试一下。

我收到Uncaught SyntaxError: Unexpected token : 错误，我不知道是因为返回数据的格式不正确还是什么原因。

Answer 1

该错误是因为在 Angular 中它会尝试以 json 类型解析此响应。并且解析失败，所以报错：

Uncaught SyntaxError: Unexpected token :        

在 angularjs 中，您最好自己处理 jsonp 响应。

  $scope.triggerJsonp = function(){
      $http.jsonp("http://pokeapi.co/api/v1/pokemon/1/", {params: {'callback':'eqfeed_callback'}});  
  };
  window.eqfeed_callback  = function(data){
      $scope.response = data;
  }

Here is jsfiddle.

jquery.ajax JSONP call showing "Uncaught SyntaxError: Unexpected token : " 中的相关问题并回答使用自己的回调来处理。

Answer 2

该网站似乎不提供 JSONP 支持 - https://github.com/phalt/pokeapi_issues/issues/30

您的 $http 请求很好，但您目前在“响应”方面存在范围问题。为了正确定义作用域变量，应该这样编写代码：

angular.module('pokedexApp')
   .controller('MainCtrl', function ($scope, $http) {
        $http.jsonp("http://pokeapi.co/api/v1/pokemon/1/").success(function(response) {
            $scope.pokemon = response;
        })    
   });