解决报错SyntaxError：Unexpected end of JSON input

　康　

已于 2022-07-26 10:35:06 修改

阅读量8.8k

点赞数 4

分类专栏： javascript 文章标签： json javascript 前端

于 2022-07-19 11:32:41 首次发布

本文链接：https://blog.csdn.net/qq_40047019/article/details/125868448

版权

JSON.stringify encodeURIComponent 页面跳转参数编码 uni.navigateTo

关键词由CSDN通过智能技术生成

javascript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

跳转页面传递参数

var selectWorker = JSON.stringify(selectWorker);
uni.navigateTo({
    url: '../recordForm/recordForm?selectWorker=' + selectWorker
})

onLoad(option) {
	console.log(option)
	var _this = this;

	// 选中的工人
	var selectWorker = JSON.parse(option.selectWorker);
	var workerIdsArray = [];
	for (var i = 0; i < selectWorker.length; i++) {
		workerIdsArray.push(selectWorker[i].id);
	}
	var workerIds = workerIdsArray.join(',');
	console.log(workerIds);
	_this.selectWorker = selectWorker;
	_this.workerIds = workerIds;
},

报错提示SyntaxError：Unexpected end of JSON input

解决方案

原因：若对象的参数或数组的元素中遇到地址中包括?& - _ . ! ~ * ' ( )等特殊符号时，对象/数组先要通过JSON.stringify转化为字符串再通过encodeURIComponent编码，接收时，先通过decodeURIComponent解码再通过JSON.parse转换为JSON格式的对象/数组。

修改如下：

var selectWorker = JSON.stringify(selectWorker);
uni.navigateTo({
    url: '../recordForm/recordForm?selectWorker=' + encodeURIComponent(selectWorker)
})

onLoad(option) {
	console.log(option)
	var _this = this;

	// 选中的工人
	var selectWorker = JSON.parse(decodeURIComponent(option.selectWorker));
	var workerIdsArray = [];
	for (var i = 0; i < selectWorker.length; i++) {
		workerIdsArray.push(selectWorker[i].id);
	}
	var workerIds = workerIdsArray.join(',');
	console.log(workerIds);
	_this.selectWorker = selectWorker;
	_this.workerIds = workerIds;
},