uniapp SyntaxError: Unexpected end of JSON input

原创已于 2023-04-07 15:39:30 修改 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#json #uni-app

于 2023-04-07 15:38:48 首次发布

uniapp 专栏收录该内容

36 篇文章

订阅专栏

文章讲述了在uniapp应用中，由于路由跳转时携带的JSON对象可能存在特殊字符导致的错误。解决方法是先使用JSON.stringify将Object转换为json字符串，然后利用encodeURIComponent进行编码，确保特殊字符被安全替换。在目标页面，接收到参数后，用decodeURIComponent解码并用JSON.parse转换回Object。这样可以避免因特殊字符引起的解析错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报这个错误的原因是，在将Object 转成json时，再转成Object存在非json格式的特殊字符，如&、？，解决的办法是将转成json的字符再用 `encodeURIComponent编码一下，将特殊字符替换，之后再替换回来。`

1. 我是在uniapp路由跳转携带参数时遇到

<script setup>
//跳转到详情页的方法
const jumpToDetails = ()=>{
    
    let jsonItem = JSON.stringify({
        id:1,name:"张三",
        portart:"https://t7.baidu.com/it/u=2405382010,1555992666&fm=193&f=GIF"
    });
	let encodeData = encodeURIComponent(jsonItem);
	uni.navigateTo({
			url:`/pages/index/articleDetails?item=${encodeData}`
	})
}


//在详情页面接收
import { onLoad } from '@dcloudio/uni-app';
onLoad((option)=>{
    //接收传过来的数据
    let receiveResult = option.item;
    //解码、再转成json 对象
    let obj = JSON.parse(decodeURIComponent(receiveResult))
});
<script>