微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

json字符串传到后端不带双引号

最近在开发过程中遇到了一个问题,就是在前端使用 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}
})

json字符串传到后端不带双引号

如上面的代码所示,当使用 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] 举报,一经查实,本站将立刻删除。

相关推荐