JOSN.parse()报错 Unexpected end of JSON input at JSON.parse (<anonymous>)

使用uniapp写微信小程序,在页面带参传值时,出现了报错Unexpected end of JSON input at JSON.parse (<anonymous>)

错误代码:

a.vue 传递数据页面

const getDetails = (item,index)=> {
		let detail = JSON.stringify(item)
		uni.navigateTo({
		    url:'/subPackages/index/B?item='+ detail
		}); 
		
		console.log('item--->',detail);
	}

b.vue 接收数据页面

onLoad((e)=>{
	let options = JSON.parse(e.item)
}

此时b.vue页面的JSON.parse报错。

解决方法:使用encodeURIComponent()、decodeURIComponent()

解决后的代码:

a.vue 页面

const getDetails = (item,index)=> {
		let detail = JSON.stringify(item)
		uni.navigateTo({
		    url:'/subPackages/index/B?item='+ encodeURIComponent(detail)
		}); 
		
		console.log('item--->',detail);
	}

b.vue 页面

onLoad((e)=>{
		let options = JSON.parse(decodeURIComponent(e.item))
}

此时问题解决!

  • 11
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JSON.parse报"Unexpected end of JSON input"的原因是因为传给JSON.parse方法的字符串没有完整的JSON格式。具体来说,这个错误通常发生在JSON字符串的末尾缺少了关闭的引号、括号、方括号等导致无法解析整个字符串的情况下。 比如在引用的解答中提到的例子,当你将一个空字符串传给JSON.parse方法时,就会产生这个错误。因为空字符串不是有效的JSON格式,缺少了必要的键值对、对象或数组的结构。你可以通过在空字符串外部添加引号、括号或方括号来修复这个问题。 另外,在引用的报错示范中,也可以看到该错误的示例。在这个示例中,代码在解析option.item时遇到了JSON格式不完整的问题,导致报错。你可以检查传递给JSON.parse方法的字符串是否完整,确保它符合JSON的语法规范,以避免这个错误的发生。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Unexpected end of JSON input at JSON.parse ()](https://blog.csdn.net/zy21131437/article/details/124990614)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [JOSN.parse()报错Unexpected end of JSON input at JSON.parse ()](https://blog.csdn.net/cwb_2120/article/details/129763118)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值