Ajax请求中含#的JSON数据被转为1的问题求助

核心问题本质 #

message_val[0] = 'test#'经JSON.stringify后输出1，完全不符合JSON序列化的正常表现（正常应为"test#"），说明序列化前message_val[0]的值或类型已被意外篡改，而非JSON.stringify本身的问题。

排查步骤 #

1. 先确认序列化前的变量状态
   在JSON.stringify前添加调试代码，直接打印变量的类型和值：

   // 调试代码，放在JSON.stringify之前
   console.log("类型：", typeof message_val[0]);
   console.log("原始值：", message_val[0]);
   console.log("单个值序列化结果：", JSON.stringify(message_val[0]));
   

   如果这里的原始值已经是1，说明问题出在赋值到序列化之间的代码；如果原始值是test#但单个值序列化结果是1，那大概率是变量不是纯字符串（比如是被重载了toString方法的对象）。

2. 排查可能的篡改场景

   • DOM集合混淆：如果message_val是通过document.getElementsByName/querySelectorAll获取的DOM元素集合，而非手动创建的数组，直接用message_val[0] = 'test#'会修改DOM元素的属性而非数组值，后续可能被表单逻辑覆盖。
   • 字符串替换逻辑：检查是否有代码在序列化前对message_val做了正则替换，比如误写了message_val[0] = message_val[0].replace(/#.*/, '1')这类逻辑。
   • 变量名冲突：确认是否有其他脚本/全局变量也叫message_val，覆盖了你定义的数组。

修复方案 #

1. 确保message_val是纯字符串数组
   如果是从表单获取输入值，明确提取元素的value属性并转为数组：

   // 正确从表单收集值的方式
   const inputElements = document.getElementsByName('message_val[]');
   const message_val = Array.from(inputElements).map(el => el.value.trim());
   

2. 强制转为字符串后再序列化
   序列化前手动将每个元素转为字符串，避免类型异常：

   const safeMessage = message_val.map(item => String(item));
   const serializedData = JSON.stringify(safeMessage);
   

3. 隔离变量作用域
   用let/const定义message_val，避免全局变量冲突：

   // 用const定义，避免被意外覆盖
   const message_val = ['test#'];
   

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