Angular拼接表单请求体带\n导致JSON无效API提交报错问题

开发Angular应用提交表单时，通过字符串拼接方式构造的请求体包含\n换行符，不符合合法JSON格式规范，API接收请求时返回格式校验错误。

手动拼接JSON的问题代码如下：

let body = `{
    "id": "`+ Id+ `",
    "issue_type_id": "`+ issueTypeId + `",
    "space_id": "`+ suitId + `",
    "description": "`+ requestDetails + `",
    "location_details": "",
    "requester_id":"`+ requetUser + `",
    "default_assignment": "true"
}`

实际生成的错误请求体示例：

'{\n        "id": "dddddd",\n        "issue_type_id": "ddddddddddddd",\n        "space_id": "ddddddddd",\n        "description": "test ",\n        "location_details": "",\n        "requester_id":"dddddddd",\n        "default_assignment": "true"\n    }'

• 手动字符串拼接JSON的写法本身就存在极高格式风险：模板字符串中的排版缩进、换行符会被作为实际内容写入请求字符串，直接生成带\n的非标准内容
• 如果拼接的字段值本身包含双引号、换行、反斜杠等特殊字符，还会直接破坏JSON的键值对结构，触发更严重的格式错误
• 严格模式下的JSON解析器不接受未正确转义的控制字符、多余排版符号，因此会直接返回格式错误

禁止手动拼接构造JSON字符串，直接使用原生JSON.stringify()方法序列化JavaScript对象，该方法会自动处理所有转义规则、特殊字符、格式问题，生成完全符合规范的有效JSON。

修复后的代码：

// 先构造普通键值对对象，不需要手动处理引号、换行等格式
const requestBody = {
  id: Id,
  issue_type_id: issueTypeId,
  space_id: suitId,
  description: requestDetails,
  location_details: "",
  requester_id: requetUser,
  default_assignment: "true"
};

// 序列化为标准JSON字符串，无多余格式字符，自动转义特殊内容
const body = JSON.stringify(requestBody);

额外说明：

• Angular自带的HttpClient发送POST/PUT等请求时，如果直接传入JS对象作为请求体参数，框架内部会自动执行JSON.stringify操作，不需要手动序列化
• 该写法可以彻底规避手动拼接的所有潜在问题，哪怕字段值中包含换行、引号、特殊符号，序列化时都会自动做合规转义，不会出现格式错误

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