关于前端:微信小程序报错Unexpected-end-of-JSON-input问题分析

问题截图：

起因剖析：

JSON.parse无奈辨认某些url中的特殊字符，所以报错

原谬误写法：

页面跳转：

netStepFn() {  uni.navigateTo({    url: "/app/course/shopping?data=" + JSON.stringify(this.infoDict)  });},

新页面取参：

onLoad(option) {    // console.log(JSON.parse(option.data));    this.data = JSON.parse(option.data);}

解决办法：

在JSON.stringify()之后将变量应用encodeURIComponent函数解决，这个encodeURIComponent() 函数能够把字符串作为 URI 组件来进行编码。在跳转到指标页面接管时用decodeURIComponent对URI 组件进行解码，前面在通过JSON.parse()将变量还原，这样子就能达到预期成果了

正确代码：

netStepFn() {  let infoDict = JSON.stringify(this.infoDict);  uni.navigateTo({    url: "/app/course/shopping?data=" + encodeURIComponent(infoDict)  });},

onLoad(option) {    let paramsData = decodeURIComponent(option.data);    // console.log(JSON.parse(option.data));    this.data = JSON.parse(paramsData);  }

ok了