最近在开发过程中遇到了一个问题,就是在前端使用 JSON.stringify()
将数据转换成 JSON 字符串后传到后端,但是后端却无法解析这个 JSON 字符串,原因是前端传的 JSON 字符串没有带双引号。
// 前端代码 const data = { name: '张三',age: 18 } const jsonString = JSON.stringify(data) console.log(jsonString) // {name: "张三",age: 18} // 后端代码(假设使用 Express 框架) app.post('/test',(req,res) => { const data = req.body console.log(data) // {name: 张三,age: 18} })
如上面的代码所示,当使用 console.log(jsonString)
打印出前端传递的 JSON 字符串时,发现里面并没有带双引号。这个原因是因为 JSON.stringify() 默认是将属性名和属性值都用双引号括起来的,但是如果属性名已经是字符串类型,那么它就不会再加上双引号。而在这个例子中,属性名已经是字符串类型了,所以就不会再加上双引号。
那么怎么解决这个问题呢?可以使用 JSON.parse()
将前端传递过来的字符串解析成 JSON 对象,从而得到带有双引号的 JSON 字符串,如下面的代码所示:
// 后端代码 app.post('/test',res) => { let data = req.body if (typeof data === 'string') { data = JSON.parse(data) } console.log(data) // {name: "张三",age: 18} })
以上就是关于 JSON 字符串传到后端不带双引号的问题的解决方法,当然,最好的解决方法还是在前端将对象转换成 JSON 字符串时,保持属性名一律加上双引号,以免出现这种问题。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。