AngularJS承诺 – 模拟http承诺

前端之家收集整理的这篇文章主要介绍了AngularJS承诺 – 模拟http承诺前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我知道请求在服务器端失败时,我想知道如何模拟promise $http.这是我的代码
  1. if ( !ng.isString(email) ) {
  2. var promise = $q.defer().promise;
  3. $q.reject();
  4.  
  5. return promise;
  6. }
  7.  
  8. return $http( {
  9. method : "PUT",url : "//localhost/update",data : { data: email }
  10. })
  11.  
  12. // Success handler
  13. .success(response){ return response})
  14.  
  15. // Error handler
  16. .error(errorMsg){ return errorMsg});
您可以使用resolve和reject来控制数据流:

假设你有这样的服务:

  1. var app = angular.module("mymodule.services",[]);
  2.  
  3. app.factory("HttpRequest",['$q','$http',function(q,http) {
  4. var deferredData = q.defer();
  5.  
  6. http.get('http://your-server.local/data.json').success(function(data) {
  7. //success,resolve your promise here
  8. deferredData.resolve(data);
  9. }).error(function(err) {
  10. //error,use reject here
  11. deferredData.reject(err);
  12. });
  13.  
  14. return {
  15. get: function() {
  16. return deferredData.promise;
  17. }
  18. };
  19. }]);

然后可以使用该服务:

  1. var app = angular.module("mymodule.controllers",['mymodule.services']);
  2.  
  3. app.controller("MyCtrl",['HttpRequest','$scope',function(res,scope) {
  4. //the "then"-method of promises takes two functions as arguments,a success and an erro callback
  5. res.get().then(function(data) {
  6. //first one is the success callback
  7. scope.data = data;
  8. },function(err) {
  9. scope.err = err;
  10. });
  11. }]);

您可以在第二个回调中处理错误.

猜你在找的Angularjs相关文章