使用angularjs处理ajax调用

时间:2017-07-06 12:55:09

标签: javascript jquery angularjs ajax

我想在调用http请求(Ajax GET和POST)之前执行其他操作

假设我有以下代码:

function CallHTTP()
{

    $.ajax({
        url: '/abcd/abcd',
        type: 'POST',
        success: function () {
            alert("Success");
        },
        error: function (arg1, arg2, arg3) {
            alert("error");
        }

    });

}

$(document).ready(function () {
    CallHTTP();
});

我想使用angularjs拦截器来处理上述请求。有可能吗?

我试过以下:

 angular.module('app', [])
          .config(['$httpProvider', function ($httpProvider) {
              $httpProvider.interceptors.push(['$location', '$q', function ($location, $q) {
                  return {
                      'request': function (request) {
                          console.log("abcd");
                          return request;
                      },
                      'responseError': function (response) {
                          if (response.status === 401) {
                              console.log("abcd2");
                              // do stuff
                          }
                          console.log("abcd1");
                          // otherwise, default behaviour
                          return $q.reject(response);
                      }
                  };
              }]);
          }]);

但是当ajax调用发生时,上面的代码不会执行。如何实现呢?

感谢。

1 个答案:

答案 0 :(得分:2)

您正在使用jquery ajax调用,并且您的设置位于角度拦截器中。使用$ http来使用角度设置。