JSON键加双引号与不加的差异及Angular POST请求报错问题

咱们先把两个问题拆开说，先搞懂JSON键加不加双引号到底有啥不一样，再分析你Angular请求报错的原因。

一、JSON键双引号 vs 无引号：本质是规范 vs 语法糖 #

首先得拎清楚一个关键：标准JSON是强制要求所有键必须用双引号包裹的，这是官方规范定死的；而咱们写TypeScript/JavaScript对象的时候，经常省略键的双引号——那是JS/TS给的语法糖，不是JSON格式。具体区别体现在这几点：

• 合法性能不能打通关：
  标准JSON的解析器（比如后端Ruby、Java常用的那些）都是“死心眼”，看到键没加双引号直接判定为无效JSON，根本不会往下解析；但JS/TS自己的解释器宽松得多，只要键是合法标识符（没有空格、特殊字符，不是if这类关键字），不加引号也能识别。

• 跨系统交互会不会翻车：
  要是你的数据需要和其他系统（比如后端API、跨语言服务）打交道，必须用标准JSON。很多后端框架对JSON格式要求极严，你发个无引号键的过去，人家直接不认，就会出现你遇到的参数不被允许的错误。

• 特殊键能不能正常用：
  要是你的键带空格（比如first name）、特殊字符（比如user-id），别说JSON了，JS/TS对象也必须加引号才能识别，只不过JSON要求必须是双引号而已。

二、你的Angular请求为啥报错？后端认标准JSON，你发的是JS对象语法 #

看你给的两个对象，第一个不仅键没加双引号，还有明显的语法错误：username:user."test"这种写法在TS里根本跑不通（应该是username: user.test或者直接写"test"才对）。不过你说加了双引号就正常，核心原因就是：

你的后端API（从错误信息里的:first_name格式来看，大概率是Ruby on Rails）只认严格标准的JSON请求体。

你用第一个对象的时候，要么是没让Angular的HttpClient自动序列化，自己手动拼了请求体字符串，导致键没加双引号，后端解析时根本识别不出这些参数，所以报Unpermitted parameters；要么是对象本身的语法错误导致序列化出问题，最终发过去的格式不对。

而第二个对象是标准JSON格式（键全用双引号，值也都是合法字符串），HttpClient自动序列化后完全符合后端的要求，自然就能正常处理了。

给你的小建议 #

1. 以后构造请求体的时候，尽量都给键加上双引号，严格遵循JSON规范，省得跨系统交互时踩坑。
2. 先把TS对象的语法错误修正了，像user."test"这种写法肯定不行，要么用对象属性访问user.test，要么直接写字符串值"test"。
3. 尽量用Angular HttpClient的默认序列化机制——直接把TS对象传进去就行，它会自动调用JSON.stringify转成标准JSON，别自己手动拼请求体，很容易出错。

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