当前位置: 首页 > news >正文

SyntaxError: Unexpected end of JSON input 内容被截断报错

背景:在使用微信小程序的 wx.navigateTo方法进行页面跳转传参时,使用JSON.stringify序列化,子页面接收参数时报错SyntaxError: Unexpected end of JSON input
在这里插入图片描述
原因:传递参数通常是通过 URL 的查询字符串来实现的。然而,直接传递 JSON 对象作为查询参数时,由于 URL 的限制(例如,长度限制和特殊字符的限制),直接传递 JSON 对象可能会导致数据被截断或者编码不正确,从而导致解析失败
我的项目是使用了特殊字符?导致数据被截断
解决方法:
使用encodeURIComponent 和 decodeURIComponent
使用encodeURIComponent 对字符串进行编码,子页面接收参数时用decodeURIComponent解码

父页面
wx.navigateTo({url:`../audioCont/index?item=${encodeURIComponent(JSON.stringify(item))}`
})
子页面
onLoad(options) {const items = !!options.item?JSON.parse(decodeURIComponent(options.item)):''
}

相关文章:

  • ios接入穿山甲【Swift】
  • 自动驾驶创建场景(just soso)
  • 用 Iris数据做决策树分析
  • 充电宝项目:规则引擎Drools学习
  • 【正点原子STM32MP257连载】第四章 ATK-DLMP257B功能测试——EEPROM、SPI FLASH测试 #AT24C64 #W25Q128
  • 黑马商城项目(二) Docker
  • Docker 中多个容器之间的通信
  • (Linux操作系统)自定义shell的实现
  • react使用createFromIconfontCN,自定义iconfont 图标
  • 艺术字体AI生成阿里云WordArt锦书、通义万相、SiliconFlow、Pillow+OpenCV本地生成艺术字体
  • web前端开发:CSS的常用选择器
  • 第七节:React HooksReact 18+新特性-并发模式(Concurrent Mode)解决了什么问题?
  • C++ IO流
  • CANoe自动化测试用例log保存(专栏:车载网络诊断测试攻略从零开始搭建一个UDS诊断自动化测试CANoe工程)
  • 58.最后一个单词的长度
  • 使用excel 制作数据库的数据浏览器
  • 使用cursor进行原型图设计
  • 解决本地浏览器访问服务器端语音识别项目显示“麦克风未授权”的问题
  • 【代理错误 django】Request error: HTTPSConnectionPool(host=‘‘, port=443): 、
  • openwebui搭建mcp
  • 福建永安建设局网站/大数据营销推广精准粉
  • 上海专业做网站的/中国国家培训网官网查询
  • 企业购网站建设/灰色行业seo大神
  • 做房源网站/吉林seo排名公司
  • 长葛网站建设/宿迁网站建设制作
  • 网站产品动效怎么做/网络营销的传播手段