如何去除Express中req.body.field首尾的空白字符？

我来帮你排查这个问题——你遇到的trim()无效、JSON.stringify结果带首尾异常字符的情况，大概率是请求头没设置对，或者数据解析环节出了问题，咱们一步步来解决：

问题根源分析 #

首先看你的AJAX请求：你用xhr.send('field='+field)发送了urlencoded格式的字符串，但没有设置正确的Content-Type请求头。XMLHttpRequest默认发送字符串时，Content-Type是text/plain，而你配置的body-parser.urlencoded只处理application/x-www-form-urlencoded类型的请求体，这就导致解析器无法正确识别键值对，最终req.body.field的格式出现异常（比如被包裹了多余的引号，或者包含了解析残留的字符）。

另外，你发送的field变量本身可能带有多余的空白或引号，而trim()只能移除空白字符，对引号无效，所以才会出现trim后还有异常字符的情况。

具体解决方案 #

1. 修正AJAX的请求头 #

在AJAX代码中添加Content-Type头，告诉服务器这是urlencoded格式的请求：

var xhr= new XMLHttpRequest() 
// 添加这行代码，指定请求体格式
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
// 其他逻辑...
// 用encodeURIComponent处理字段，避免特殊字符导致解析错误
xhr.send('field='+encodeURIComponent(field));

2. 清理前端发送的field变量 #

如果你的field本身带有多余的引号或空白，在发送前先做处理：

// 先移除前后空白，再去掉首尾可能存在的双引号
var cleanedField = field.trim().replace(/^"|"$/g, '');
xhr.send('field=' + encodeURIComponent(cleanedField));

3. 后端验证并处理字段 #

在路由中先打印原始值，确认req.body.field的真实状态，再针对性处理：

app.post('/myRoute',function(req,res){ 
  // 先打印原始值，排查问题
  console.log('原始field值:', req.body.field);
  console.log('字段类型:', typeof req.body.field);

  // 针对性清理：移除空白和多余引号
  var processedField = typeof req.body.field === 'string' 
    ? req.body.field.trim().replace(/^"|"$/g, '') 
    : req.body.field;

  var result=JSON.stringify(processedField,null,2);
  // 现在result应该就是你预期的内容了
  .... 
})

备选方案：改用JSON格式发送请求 #

如果你本来就想发送JSON数据，可以调整AJAX代码为：

var xhr= new XMLHttpRequest() 
xhr.setRequestHeader('Content-Type', 'application/json');
// 发送JSON字符串，同时清理字段
xhr.send(JSON.stringify({ field: field.trim() }));

这样body-parser.json()会直接解析出正确的req.body.field，不需要额外处理。

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