Question

我在Codeigniter中创建了RESTapi，到目前为止工作正常。但今天，当我通过角度调用API时，返回的数据完全混淆了。我没有第一次使用角度，但现在我无法理解我在哪里做错了。我的结论是问题是有角度的，因为当我从＆＃34; postman＆＃34;发送请求时，结果就是我所期望的。

My Angular Controller就是这样：

＆＃13;

.controller('adminCtrl', function($http, $q, NgTableParams) {
  var vm = this;
  var deferred = $q.defer();
  vm.selected = {};

  sendHttpRequest = function(req) {
    $http(req).success(function successCallback(response, status) {
        deferred.resolve(response);        
      })
      .error(function errorCallback(error) {
        deferred.reject(error);
      });
    return deferred.promise; 
  };

  vm.editGame = function(game) {
   vm.selected = angular.copy(game);
  };

  vm.reset = function () {
    vm.selected = {};
  };

  vm.getTemplate = function(game) {
   if (game.gameId === vm.selected.gameId){
    return 'edit';
   }
   else return 'display';
  };

  vm.save = function(idx) {
    
    var updateData = {
      method: 'POST',
      url: "<?php echo base_url('api/updateResult'); ?>",
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded',
        'X-API-KEY': "<?php echo $userInfo['API_Key']; ?>"
      },
      data: {
        'gameId': vm.selected.gameId, 
        'homeSaves': vm.selected.homeSaves,
        'awaySaves': vm.selected.awaySaves
      }
    }; 
    console.log(updateData);
    sendHttpRequest(updateData).then(function(x) {  
      console.log(x);
      vm.games[idx] = angular.copy(vm.selected); 
      vm.reset();
    }, function(error) {
      swal({   
        title: "Error!",   
        text: error,
        type: "error",   
        confirmButtonText: "OK!",   
        closeOnConfirm: true 
      }, function() { 
        vm.reset();
        //window.location.href = "<?php echo base_url(); ?>";
       });
    });  
  };
  
 
  var getData = {
    method: 'GET',
    url: "<?php echo base_url('api/result'); ?>",
    headers: {
      'X-API-KEY': "<?php echo $userInfo['API_Key']; ?>"
    }
  };

  sendHttpRequest(getData).then(function(data) {  
    _.forEach(data, function(o) {
      o.homeSaves = parseInt(o.homeSaves);
      o.awaySaves = parseInt(o.awaySaves);
    });
    vm.games = data;
  }, function(error) {
    swal({   
      title: "Error!",   
      text: error,
      type: "error",   
      confirmButtonText: "OK!",   
      closeOnConfirm: true 
    }, function() { 
      window.location.href = "<?php echo base_url(); ?>";
     });
  });


});

＆＃13;

这是一些体育赛事结果的内嵌编辑器。当APP启动时，我们调用sendHttpRequest（getData）并且它运行良好。如果我尝试通过更改URL请求模拟错误，将返回错误函数，并且＆＃34; swal＆＃34;会显示错误。

问题出在vm.save函数中。如果我把它称为所有正确参数，数据将保存在我的数据库中而不会出错。但是，如果我尝试通过更改URL来模拟错误或者通过RESTapi控制器强制返回错误，则返回的结果会被混淆而不是函数（错误），函数（x）将执行并打印完全错误的结果（vm.games的结果）甚至REST返回405方法不允许在示例中我将URL更改为错误OR 400/500当我强制REST控制器返回错误。

Answer 1

尝试put var deferred = $ q.defer（）;在sendHttpRequest函数内部。

或者您总是使用第一个请求已解决的承诺。

Angular $ http返回混淆响应

1 个答案: