Ajax请求拦截

Ajax 请求拦截

beforeSend拦截

• 可以使用beforeSend回调函数来拦截AJAX请求，在请求发送之前对请求进行处理

$.ajax({

   url: 'example.com/api',
   
   method: 'GET',
   
   beforeSend: function(xhr) {
   
      xhr.setRequestHeader('Authorization', 'Bearer token');
      
   },
   
   success: function(response) {
   
      console.log(response);
      
   },
   
   error: function(xhr, status, error) {
   
      console.log(error);
      
   }
   
});

• beforeSend：在发送请求之前调用的回调函数，在此函数中可以对请求进行处理。

complete拦截

• 可以使用complete回调函数来拦截AJAX请求，在请求完成后对响应进行处理。

$.ajax({

   url: 'example.com/api',
   
   method: 'GET',
   
   success: function(response) {
   
      console.log(response);
      
   },
   
   complete: function(xhr, status) {
   
      console.log(status);
      
   }
   
});

• complete：请求完成时的回调函数，在此函数中可以对响应进行处理。

示例注解

$.ajax({

   url: 'example.com/api',
   
   method: 'POST',
   
   data: {param1: 'value1', param2: 'value2'},
   
   beforeSend: function(xhr) {
   
      xhr.setRequestHeader('X-CSRF-TOKEN', 'token');
      
   },
   
   success: function(response) {
   
      console.log(response);
      
   },
   
   error: function(xhr, status, error) {
   
      console.log(error);
      
   }
   
});

以上是关于AJAX的请求拦截的整理和示例注解可以发送请求并在接收到响应时进行相应的处理。