使用decodeURIComponent拦截AJAX请求仍存在特殊字符问题

看起来你已经尝试用decodeURIComponent处理编码后的表单数据，但没得到想要的JSON结果——这很正常，因为settings.data是URL编码的表单序列化字符串，不是单纯的URI编码文本，只靠解码字符没法还原原来的嵌套JSON结构。

下面给你两种可行的解决方案，优先推荐第一种原生无依赖的方式：

方法一：手动解析嵌套表单数据为JSON #

我们需要先把URL编码的表单字符串解析成嵌套对象，再转成JSON格式。这里用原生URLSearchParams解析基础键值对，再处理filter[region][]这种嵌套结构：

$.ajaxSetup({
  beforeSend: function(xhr, settings) {
    if (!settings.data) return; // 没有数据时跳过

    // 解析表单数据为键值对集合
    const params = new URLSearchParams(settings.data);
    const dataObj = {};

    params.forEach((value, key) => {
      // 处理嵌套键名，比如 "filter[region][]" 拆成 ["filter", "region", ""]
      const keyParts = key.replace(/\]/g, '').split('[');
      let currentLevel = dataObj;

      keyParts.forEach((part, index) => {
        if (index === keyParts.length - 1) {
          // 最后一个层级，赋值
          currentLevel[part] = value;
          // 可选：把字符串类型的布尔值转成真实布尔值
          if (value === 'true') currentLevel[part] = true;
          if (value === 'false') currentLevel[part] = false;
        } else {
          // 中间层级，初始化对象或数组（如果下一个part是数字则为数组）
          const nextPart = keyParts[index + 1];
          currentLevel[part] = currentLevel[part] || (isNaN(nextPart) ? {} : []);
          currentLevel = currentLevel[part];
        }
      });
    });

    // 转成格式化的JSON字符串并打印
    console.log(JSON.stringify(dataObj, null, 2));
  }
});

这段代码会把你给出的表单数据还原成和原始请求一致的JSON结构，还额外处理了布尔值的转换（因为表单数据里的true是字符串类型，转成真实布尔值更贴合原始数据）。

方法二：使用jQuery BBQ插件的$.deparam（需额外依赖） #

如果你项目里已经引入了jQuery BBQ插件，可以直接用它的$.deparam方法一键解析嵌套表单数据：

$.ajaxSetup({
  beforeSend: function(xhr, settings) {
    if (settings.data) {
      const dataObj = $.deparam(settings.data);
      console.log(JSON.stringify(dataObj, null, 2));
    }
  }
});

这种方法更简洁，但需要额外引入插件，所以如果不想加依赖的话，优先选方法一。

为什么原来的方法不行？ #

你之前用decodeURIComponent(settings.data)只能把URL编码的特殊字符（比如+、&）还原成普通字符，但没法把filter[region][]=type="Global"这种结构还原成嵌套的JSON对象——表单序列化的格式和JSON是完全不同的结构，必须经过结构化解析才能转回JSON。

内容的提问来源于stack exchange，提问作者OpenStack