jquery ajax 拦截(示例代码)

jQuery Ajax拦截是一种技术，它允许我们在发送和接收Ajax请求之前对请求进行拦截和处理。通过拦截Ajax请求，我们可以在请求发送之前添加自定义的逻辑，或者在请求返回之后对响应进行处理。这样可以帮助我们实现一些全局的处理逻辑，比如添加loading效果、统一处理错误信息等。

下面是一个示例代码，演示了如何使用jQuery拦截Ajax请求和响应：

// 请求拦截
$.ajaxSetup({
  beforeSend: function(xhr, settings) {
    // 在发送请求之前执行的代码
    // 可以在这里添加loading效果
    $('#loading').show();
  }
});
// 响应拦截
$(document).ajaxComplete(function(event, xhr, settings) {
  // 在请求完成之后执行的代码
  // 可以在这里隐藏loading效果
  $('#loading').hide();
});
// 发送Ajax请求
$.ajax({
  url: 'example.com/api/data',
  method: 'GET',
  success: function(data) {
    // 请求成功的处理逻辑
    console.log(data);
  },
  error: function(xhr, status, error) {
    // 请求失败的处理逻辑
    console.log(error);
  }
});

在上面的示例代码中，我们使用`$.ajaxSetup`方法来设置全局的请求拦截器。在`beforeSend`回调函数中，我们可以添加在请求发送之前执行的代码。在这个例子中，我们显示了一个loading效果。

我们还使用`$(document).ajaxComplete`方法来设置全局的响应拦截器。在`ajaxComplete`回调函数中，我们可以添加在请求完成之后执行的代码。在这个例子中，我们隐藏了之前显示的loading效果。

我们发送了一个Ajax请求，通过`$.ajax`方法来发送请求。在请求成功时，我们可以在`success`回调函数中处理返回的数据。在请求失败时，我们可以在`error`回调函数中处理错误信息。

通过这种方式，我们可以方便地对Ajax请求进行拦截和处理，实现一些全局的逻辑。