开发小程序碰到的问题

背景

开发小程序偶尔会需要携带数据跳转页面，一般是在链接上带参数一起跳转页面。有些参数有特殊符号或者值是一个json，这里就需要借助encodeURIComponent()对参数值进行编码，到目标页面后再用decodeURIComponent()进行解码，一直这样没碰到什么问题。后来需要增加分享功能，这时候还是一样在分享的链接带上参数，进行编码就可以了，本地一直没问题，直到传到体验版，这时候发现解码出现了问题，解码结果不是我们的数据。。。还是编码的结果。

解决

将上述解码的结果再次解码，就得到原先的数据！！！可能浏览器对参数值进行了二次编码，因此我们需要解码两次。。。

代码

编码

  /*
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    var data = encodeURIComponent(JSON.stringify(this.data.data)); // 编码
    return {
      title: '商品详情',
      path: `/talent/pages/detail/detail?data=${data}`
    }
  },

解码

onLoad: function (options) {
	console.log(options);
	console.log('解码',decodeURIComponent(options.data));
    console.log('解码2',decodeURIComponent(decodeURIComponent(options.data)));
     var newData = decodeURIComponent(decodeURIComponent(options.data));
     this.setData({
     	options: options,
     	data: newData 
     });
}