javascript - 使用 angularjs 处理 ajax 调用

Question

我想在调用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调用发生时上面的代码不会执行。如何实现？

谢谢。

Answer 1

您正在使用 jquery ajax 调用，并且您的设置位于 Angular 拦截器中。使用 $http 来利用您的 Angular 设置。