API返回带双引号的Token致Ajax请求URL无效，求字符串去多余字符方案

嘿，咱们来搞定你遇到的这两个关联问题——去掉Token里的多余双引号，以及修复因此导致的Ajax请求URL故障。

一、清理Token中的双引号 #

API返回的Token带双引号是核心问题，这里有几个简单可靠的处理方式：

• 全局替换双引号：用replace()方法把所有双引号替换为空，适用于任何位置出现的引号：

  const rawToken = '"A58986587"';
  const cleanToken = rawToken.replace(/"/g, '');
  // 输出：A58986587
  

• 截取首尾字符：如果确定双引号只在Token的首尾，可以直接用slice()截取中间有效部分：

  const rawToken = '"A58986587"';
  const cleanToken = rawToken.slice(1, -1);
  // 输出同样是不带引号的Token
  

• JSON解析（如果响应是JSON格式）：如果API返回的是JSON字符串（比如整个响应体是{"csrfToken": "\"A58986587\""}），直接解析就能自动去除引号：

  // 假设apiResponse是接口返回的JSON对象
  const cleanToken = JSON.parse(apiResponse.csrfToken);
  // 或者如果接口直接返回带引号的字符串：
  const cleanToken = JSON.parse(rawToken);
  

二、构造正确的Ajax请求URL #

拿到清理后的Token后，就可以正确拼接URL了，这里举两个常见的Ajax示例：

原生Fetch API #

const cleanToken = "A58986587"; // 已处理好的Token
const requestUrl = `http://localhost/api/summary?csrf=${cleanToken}`;

fetch(requestUrl)
  .then(res => res.json())
  .then(data => {
    console.log("请求成功:", data);
  })
  .catch(err => {
    console.error("请求出错:", err);
  });

jQuery Ajax #

const cleanToken = "A58986587";
const requestUrl = `http://localhost/api/summary?csrf=${cleanToken}`;

$.ajax({
  url: requestUrl,
  method: "GET",
  success: function(data) {
    console.log("请求成功:", data);
  },
  error: function(xhr, status, error) {
    console.error("请求出错:", error);
  }
});

额外小提示 #

如果方便的话，也可以检查下后端接口的返回逻辑——正常来说Token不应该带双引号，可能是后端序列化时多嵌套了一层引号。不过前端先处理是最快解决当前问题的办法。

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