无法在 Angular js 中获取回调响应

Question

我正在开发 angularjs 服务。我从我的 API 端点收到了一些回调响应。我正在使用 Angular jsonP 来获取回调响应。我在下面附上了我的响应

projectInstance.jsonpCallback("getActiveProduct",{"totalRecords":null,"projectSnapShot":[{"projectId":"333333","projectNumber":"123456","projectStatus":"Active"}]})

这是我的服务功能

getActiveProduct: function() {
  var deferred = $q.defer();  
  var url ="myserver/getproject.json"

  $http.jsonp(url, {
    jsonpCallbackParam: 'callback',
    data:''
  }).then(function(data){
    deferred.resolve(data.data);
  },function(error){
    console.log(error);
    return deferred.reject(err);
  });
  return deferred.promise;
}

使用这些 jsonp 方法，我尝试获取上面的响应。但它会引发如下所示的控制台错误

Uncaught ReferenceError: projectInstance is not defined

如何获取我的回复。有人可以帮助我解决这些问题吗？

Answer 1

$http 服务已经返回了一个承诺。用你自己的 $q.defer 管理承诺是不好的。您可以摆脱 $q 并只返回数据。

您的服务还应该返回由 $http 创建的承诺。

function getActiveProduct() {
  var url ="myserver/getproject.json"

  return $http.jsonp(url, {
    jsonpCallbackParam: 'callback',
    data:''
  }).then(function(data){
    return data.data;
  },function(error){
    console.log(error);
    return err;
  });
}

你可以这样调用这个服务：

myService.getActiveProduct().then(function(res) {
  console.log(res);
});