小程序学习（13）：wx.navigateTo中使用“POST”形式传递数据，解决json字符串解析错误问题，navigateTo使用post传参

2019年10月14日 10:13:39

wx.navigateTo中使用“POST”形式传递数据

注：并不是真的使用

POST

形式传递参数，只是我这么叫，为了解决GET传递参数时的错误

1.报错原因：之前是这个方法一直是GET形式传递参数，但是有一次报错了，原因是我传递的参数是一个集合，因为集合不能直接传递，所以就转化成字符串，然后第二个页面字符串转换回来，

但是在字符串转集合时，因为输入的字符串中包含了

=

，所以就报错

JSON字符串解析错误

，

现在改用另一种传递方式

这个是微信官方

wx.navigateTo描述https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html

我是使用的

success

中

res.eventChannel.emit('ccc',data)

传递的

详细代码如下

父级页面

1.路径URL是我自己的，注意修改，

2.

ccc

是我自己命名的，可自主修改

/**
 * 方法--跳转备案管理
 */
recordManage(){
  const data = {
    lll : '测试'
  }
  wx.navigateTo({
    url: '/pages/worker/recordManage/recordManage',
    success(res){
      res.eventChannel.emit('ccc',data)
    }
  })
},
           

子级页面

这里的ret就是接受的上级页面数据

onLoad: function (options) {
  const eventChannel = this.getOpenerEventChannel();
  eventChannel.on('ccc',function(ret){
    console.log('接收数据',ret)
  })
},