拦截并修改Ajax请求：beforeSend的深层用法

深入讲解$.ajax的beforeSend回调如何拦截并动态修改请求头、URL、超时设置，以及实现全局请求日志和CSRF令牌自动注入。 · 难度：入门 · +10XP

拦截并修改Ajax请求：beforeSend的深层用法

大多数jQuery课程仅提及beforeSend用于显示加载状态，但它实际上可以修改XMLHttpRequest对象本身。例如你可以根据当前环境动态添加认证令牌、修改请求URL（如追加版本参数）、甚至阻止请求返回false。全局ajaxSetup中的beforeSend可以统一处理所有请求的签名。本教程将演示如何构建一个请求拦截器：在发送前检查用户权限，如果未授权则重定向，同时自动为跨域请求添加自定义头。还会讲解如何利用xhr对象设置超时和进度事件。

$.ajaxSetup({
  beforeSend: function(xhr, settings) {
    var token = getToken();
    if (token) {
      xhr.setRequestHeader('X-CSRF-Token', token);
    }
    // 动态修改URL
    settings.url += (settings.url.indexOf('?') > -1 ? '&' : '?') + '_ts=' + Date.now();
  }
});
$.get('/api/data').fail(function() { alert('请求被拦截'); });