JavaScript中Cookie怎么获取指定名称的值并处理特殊字符-js教程-PHP中文网

直接从document.cookie提取指定名称cookie值需手动解析并decodeuricomponent解码，因浏览器自动编码后读取不自动解码；函数遍历分号分割的键值对，严格匹配名称后解码返回，失败则返原始值。

javascript中cookie怎么获取指定名称的值并处理特殊字符

直接从document.cookie中提取指定名称的Cookie值，需手动解析字符串并解码特殊字符（如空格、中文、符号等），因为浏览器自动编码后存储，读取时不会自动解码。

获取指定名称的Cookie值

Cookie是以分号分隔的键值对字符串（如 "a=1; b=hello%20world; c=%E4%BD%A0%E5%A5%BD"），需按名称精确匹配并提取对应值：

用document.cookie读取全部Cookie字符串
按"; "分割成数组，遍历每项
用split("=", 2)拆出键和值（限制只切一次，避免值中含等号被误切）
用trim()清理空格，再用===严格比对名称

正确解码特殊字符

浏览器写入Cookie时会自动对值做encodeURIComponent编码（空格→%20，中文→%E4%BD%A0等），读取后必须用decodeURIComponent还原，否则会显示乱码或%编码：

Ai Coach Batch Session Summary

批量分析录音转写，输出多维度拓客报告。触发词：录音分析、总结、音频总结、拜访记录总结。当用户提及「分析录音」「看看录音数据」「最近的录音」「通话记录」且意图为批量统计/分析时触发。仅出现「录音」或「拜访」时需结合上下文，若仅查看单条详情则不触发。

下载

不能用unescape（已废弃，对某些编码会报错）
不能跳过解码——即使看起来“正常”，也可能漏掉空格或符号
解码前先检查值是否存在，避免对undefined调用decodeURIComponent报错

封装一个安全获取函数

推荐使用以下简洁可靠的工具函数：

function getCookie(name) {
  const cookies = document.cookie.split("; ");
  for (let cookie of cookies) {
    const [key, value] = cookie.split("=", 2);
    if (key === name && value !== undefined) {
      try {
        return decodeURIComponent(value);
      } catch (e) {
        return value; // 解码失败时返回原始编码值，避免中断
      }
    }
  }
  return null;
}

调用示例：getCookie("username") → 返回解码后的用户名（如"张三"而非"%E5%BC%A0%E4%B8%89"）