JSON.parse()出错解决

在做微信小程序时遇到的问题，记录一下。

需求：

将购物车页面的商品信息通过url传到确认订单页
复制代码

购物车页面处理过程：

在购物车页面，处理商品信息组装成如下形式：
goodsInfoArr = [{"GoodsId":"12","GoodsImg":"http://a.example.com/xx/?sss/fgfg","GoodsTitle":"这里是title"}]
GoodsImg的url是后端传过来的商品图片的url形式
然后,将这个商品信息的数组通过JSON.stringify()转化成字符串，放在页面的url中传过去
goodsInfoStr = JSON.stringify(goodsInfoArr);
wx.navigateTo({url: 'test?goodsInfo=goodsInfoStr'
})
复制代码

确认订单页面处理过程：

在确认订单页面拿到url上的goosInfoStr之后，我们开始用JSON.parse(goosInfoStr)来解析这个数据
复制代码

此时，问题来了，页面报错了,原因是 img的地址里面 ?被截断了

解决方法

只要在购物车页面用encodeURIComponent()对goodsImg的url进行编码，然后在确认订单页利用decodeURIComponent()对url进行解码就可以了
goodsInfoArr = [{"GoodsId":"12","GoodsImg":encodeURIComponent("http://a.example.com/xx/?sss/fgfg"),"GoodsTitle":"这里是title"
}]JSON.parse(goodsInfoArr)然后用的时候就 decodeURIComponent(goodsInfoArr.GoodsImg)就可以了
复制代码

JSON.parse()出错解决相关推荐

php json.parse,PHP JSON头导致JSON.parse出错（使用jQuery）
我正在从PHP文件中获取一些JavaScript格式的JSON数据. 要使用这些数据,我使用JSON.parse(json_response),除了在PHP中使用JSON头之外,它都可以工作:head ...
使用JSON.parse，解决ie6-7上JSON未定义问题
使用JSON.parse时出现JSON未定义问题,JSON不是标准的javascript类型,一些高级的浏览器支持,但一些老一点的浏览器不支持JSON,如ie6-7.若需要ie6-7 支持JSON只需 ...
报错SyntaxError: Unexpected token T in JSON at position 0 at JSON.parse (＜anonymous＞)的解决方法
报错SyntaxError: Unexpected token T in JSON at position 0 at JSON.parse ()的解决方法刚刚开始学习node.js会报很多各种各样的 ...
93.＜报错 SyntaxError: Unexpected token R in JSON at position 0 at JSON.parse (＜anonymous＞)的解决方法＞
@[TOC]( 报错 SyntaxError: Unexpected token R in JSON at position 0 at JSON.parse ()的解决方法) 报错代码: const ...
报错 SyntaxError: Unexpected token R in JSON at position 0 at JSON.parse (＜anonymous＞)的解决方法
报错 SyntaxError: Unexpected token R in JSON at position 0 at JSON.parse ()的解决方法报错代码: let articles = ...
聊一聊JSON.parse为什么会损坏大数字以及如何解决
从10多年前JSON在线编辑器的早期开始,用户经常反映编辑器有时会破坏他们JSON文档中的大数字的问题.直到现在,我们也没能解决这个问题.在这篇文章中,我们深入解释了这个问题,并展示如何在JSON E ...
出现 Unexpected token T in JSON at position 0 ，at JSON.parse (＜anonymous＞) 的解决方法
目录 1. 问题所示 2. 问题分析 3. 解决方法 1. 问题所示运行整个项目的时候数据传不过来,最后发现是前端的数据传不到后端通过浏览器查看其错误日志结果如下: Uncaught Synt ...
解决POSTMAN传参报错，JSON parse error: Cannot deserialize instance of `java.util.ArrayList` out of START_OB
前言:使用POSTMAN自测代码以便前后端联调时,发送请求后,BOOM!!!服务器抛了个这样式的东西出来. Resolved [org.springframework.http.converter.H ...
在JME中遇到org.springframework.http.converter.HttpMessageNotReadableException: JSON parse error: 问题的解决方法
今天根据开发需求,需要在发布后台中创建一个书本,专栏中每本书的章节数需要200个左右,于是我想到了使用Jmeter工具帮助我完成这一任务,可是在实践过程中遇到了很多问题,后来解决了这些问题,因此,记录 ...

JSON.parse()出错解决

解决方法

JSON.parse()出错解决相关推荐

最新文章

热门文章