ajax传递json对象_前端小技巧:JSON对象和JSON字符串的相互转换

1.前置知识

无论你走的是前端还是后端,JSON对象都是我们在WEB编程中经常会用到的一个对象,因为JSON可以说是我们前后端数据传递最重要的一个方式了。

ba688b8ae9e3789e8aff391959430c4b.png

来自互联网

2..为什么要转换

我们知道,在数据传输过程中,JSON是以字符串的形式传递的。

JSON字符串:

而Javascript操作的是JSON对象。

JSON对象:

因此,JSON对象和JSON字符串之间的相互转换就变成了一个很关键的问题。

3.如何进行转换

JSON字符串和对象之间的转换,最常用的就是使用JSON.stringify()JSON.parse()这两个函数了,目前JSON对象已经成为Javascript的内置对象了,所以大家可以尽管使用这两个方法。其中JSON.stringify()函数是将JSON对象转换为字符串,而 JSON.parse()函数恰好相反,是将JSON字符串转换为JSON对象。

3.1转换示例

  • JSON对象转换为JSON字符串
  • JSON字符串转换为JSON对象

3.2转换注意点

  • 当使用JSON.stringify()转换JSON字符串时会出现转义符“”
  • 当使用JSON.parse()转换JSON对象时会报错传参错误

4.总结

因为我们在使用AJAX等方式进行前后端通信时,传递和接受的往往是JSON字符串,而我们Javascript要操作的往往是JSON对象,因此我们需要使用JSON.stringify()JSON.parse()​这两个函数进行JSON对象和字符串之间的转换。

这里是【IT人一直在路上】,关注我,学习更多前端技术,一起从小白走向高级工程师。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值