我正在使用AngularJs中的$http，但我不确定如何使用返回的Promise并处理错误。
这是我的代码：
$http
.get(url)
.success(function(data) {
// Handle data
})
.error(function(data, status) {
// Handle HTTP error
})
.finally(function() {
// Execute logic independent of success/error
})
.catch(function(error) {
// Catch and handle exceptions from success/error/finally functions
});
这是一个好的做法吗，还是有更简单的方法？
Promise是一个对语句的抽象，使我们能够同步地与异步代码表达自己。它们代表了一次性任务的执行。
它们也提供异常处理，就像普通代码一样，您可以从Promise返回或抛出异常。
在同步代码中，您想要的是：
try{
try{
var res = $http.getSync("url");
res = someProcessingOf(res);
} catch (e) {
console.log("Got an error!",e);
throw e; // rethrow to not marked as handled
}
// do more stuff with res
} catch (e){
// handle errors in processing or in error.
}
改造后的版本非常相似:
$http.get("url").
then(someProcessingOf).
catch(function(e){
console.log("got an error in initial processing",e);
throw e; // rethrow to not marked as handled,
// in $q it's better to `return $q.reject(e)` here
}).then(function(res){
// do more stuff
}).catch(function(e){
// handle errors in processing or in error.
});
不要再使用 success 和 error 方法。
这两种方法在 Angular 1.4 中已被弃用。基本上，它们被弃用的原因是它们不太适合进行链式调用，可以这么说。
通过下面的示例，我会尝试演示一下关于 success 和 error 不适合进行链式调用的意思。假设我们调用一个 API ，该 API 返回一个带有地址的用户对象：
用户对象:
{name: 'Igor', address: 'San Francisco'}
调用 API：
$http.get('/user')
.success(function (user) {
return user.address; <---
}) | // you might expect that 'obj' is equal to the
.then(function (obj) { ------ // address of the user, but it is NOT
console.log(obj); // -> {name: 'Igor', address: 'San Francisco'}
});
};
发生了什么？
因为success和error返回的是原始的 promise，也就是由$http.get返回的那个promise对象，所以传递给then回调函数的参数是整个user对象，也就是前面的success回调函数中的输入。
如果我们将两个then链接起来，这会少些些混淆：
$http.get('/user')
.then(function (user) {
return user.address;
})
.then(function (obj) {
console.log(obj); // -> 'San Francisco'
});
};
success 和 error 仅在 $http 调用的即时返回中添加（而不是原型），因此如果它们之间调用了另一个 Promise 方法（例如，通常会使用包装库调用 return $http.get(url)，但稍后决定在库调用中使用 return $http.get(url).finally(...) 切换旋转器），则您将不再拥有这些便利方法。 - drzaus我认为之前的答案都是正确的，但这里有另一个例子（仅供参考，根据AngularJS的主页，success()和error()已被弃用）：
$http
.get('http://someendpoint/maybe/returns/JSON')
.then(function(response) {
return response.data;
}).catch(function(e) {
console.log('Error: ', e);
throw e;
}).finally(function() {
console.log('This finally block');
});
您需要什么类型的细节粒度？通常您可以使用以下方法：
$http.get(url).then(
//success function
function(results) {
//do something w/results.data
},
//error function
function(err) {
//handle error
}
);
loading = false之类的东西）。 - Joel.catch()方法中使用。 - elporfirio$http({
url: $scope.url,
method: $scope.method,
cache: $templateCache
})
.success(function(data, status) {
$scope.status = status;
$scope.data = data;
})
.error(function(data, status) {
$scope.data = data || 'Request failed';
$scope.status = status;
});
我按照 Bradley Braithwaite 在他的 博客 中建议的方法来做：
app
.factory('searchService', ['$q', '$http', function($q, $http) {
var service = {};
service.search = function search(query) {
// We make use of Angular's $q library to create the deferred instance
var deferred = $q.defer();
$http
.get('http://localhost/v1?=q' + query)
.success(function(data) {
// The promise is resolved once the HTTP call is successful.
deferred.resolve(data);
})
.error(function(reason) {
// The promise is rejected if there is an error with the HTTP call.
deferred.reject(reason);
});
// The promise is returned to the caller
return deferred.promise;
};
return service;
}])
.controller('SearchController', ['$scope', 'searchService', function($scope, searchService) {
// The search service returns a promise API
searchService
.search($scope.query)
.then(function(data) {
// This is set when the promise is resolved.
$scope.results = data;
})
.catch(function(reason) {
// This is set in the event of an error.
$scope.error = 'There has been an error: ' + reason;
});
}])
success 和 error 方法（success 和 error 返回一个 HTTP 响应的 Promise，因此我们需要使用 $q 来返回数据的 Promise）：
function search(query) {
// We make use of Angular's $q library to create the deferred instance
var deferred = $q.defer();
$http.get('http://localhost/v1?=q' + query)
.success(function(data,status) {
// The promise is resolved once the HTTP call is successful.
deferred.resolve(data);
})
.error(function(reason,status) {
// The promise is rejected if there is an error with the HTTP call.
if(reason.error){
deferred.reject({text:reason.error, status:status});
}else{
//if we don't get any answers the proxy/api will probably be down
deferred.reject({text:'whatever', status:500});
}
});
// The promise is returned to the caller
return deferred.promise;
};
then 和 catch 方法（由于 throw 的存在，这个测试会稍微有些困难）：
function search(query) {
var promise=$http.get('http://localhost/v1?=q' + query)
.then(function (response) {
// The promise is resolved once the HTTP call is successful.
return response.data;
},function(reason) {
// The promise is rejected if there is an error with the HTTP call.
if(reason.statusText){
throw reason;
}else{
//if we don't get any answers the proxy/api will probably be down
throw {statusText:'Call error', status:500};
}
});
return promise;
}
不过，有一个折中的解决方案（这样你就可以避免使用throw，而且你可能需要在测试中使用$q来模拟Promise的行为）：
function search(query) {
// We make use of Angular's $q library to create the deferred instance
var deferred = $q.defer();
$http.get('http://localhost/v1?=q' + query)
.then(function (response) {
// The promise is resolved once the HTTP call is successful.
deferred.resolve(response.data);
},function(reason) {
// The promise is rejected if there is an error with the HTTP call.
if(reason.statusText){
deferred.reject(reason);
}else{
//if we don't get any answers the proxy/api will probably be down
deferred.reject({statusText:'Call error', status:500});
}
});
// The promise is returned to the caller
return deferred.promise;
}
欢迎任何形式的评论或更正。
return $http.get('http://localhost/v1?=q' + query)
}``` - Ryan Vice
catch()使用success()、error()和finally()，您可以按照以下方式处理：somePromise() .then(successFunction) .catch(errorFunction) .finally(cleanUp)这将在 Promise 成功后执行successFunction，如果 Promise 失败，则执行errorFunction。然后，无论 Promise 成功或失败，都会执行cleanUp。您还可以使用try-catch块和async/await来捕获和处理错误。如果您希望使用then()，那么您可以使用以下代码：somePromise() .then(successFunction, errorFunction) .then(cleanUp) .catch(exceptionHandling)这将在 Promise 成功时调用successFunction，在 Promise 失败时调用errorFunction，在成功或失败后都会执行cleanUp。 如果发生异常，则会在catch()中捕获并进行处理。 - Joelsuccess和error（而是更喜欢使用.then和.catch），在使用.then时可以省略errorFunction，并像我的代码中一样使用catch。 - Benjamin Gruenbaumsuccess/error吗？另外，当 Eclipse 看到.catch(时，我的 Eclipse 就会失控，所以我现在使用["catch"](。我该如何驯服 Eclipse？ - Giszmo.success和.error，$http 返回一个 $q promise 并附加success和error处理程序，然而这些处理程序不会链式调用，如果可能的话应该避免使用。通常来说，如果您有疑问，最好将它们作为一个新问题提出，而不是在旧问题的评论中提问。 - Benjamin Gruenbaum