vue(一)-- 前端使用富文本时提交表单

文章讲述了前端在使用富文本提交表单时,由于特殊字符导致后端接收内容丢失格式的问题,给出了使用encodeURIComponent和decodeURIComponent进行前后端编码解码的解决方案。
摘要由CSDN通过智能技术生成

 

目录

引言:

解决方法: 


引言:

  在最近的工作中,前端使用富文本提交表单内容时,后端接受富文本内容经常丢失内容的文本格式,出现'\'的原因导致在提交时出现如下错误:

JSON parse error: 
Unexpected character ('\' (code 106)): was expecting comma to separate Object entries; nested exception is com.fasterxml.jackson.core.JsonParseException: 
Unexpected character ('\' (code 106)): was expecting comma to separate Object entries

解决方法: 

  在提交之前,对表单中的富文本字段进行采用,VUE前端使用 encodeURIComponent() 方法进行处理。

//针对富文本内容,进行编码
encodeURIComponent()

  在前端需要回显是,VUE前端使用 decodeURIComponent() 方法进行处理。

//针对富文本内容进行 解码
decodeURIComponent()

 

 如果对你有帮助,请帮我点一下赞,我才有动力继续创作,谢谢!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值