微信小程序 页面跳转传参

微信小程序 页面跳转传参

    • 传参代码:
    • 接参代码:

传参代码:

js界面

var sets = encodeURIComponent(JSON.stringify(moves));	
//encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。
//JSON.stringify()的作用是将 JavaScript 对象转换为 JSON 字符串,
wx.navigateTo({
      url: '/pages/index/tabbar/detail/detail?sets='+sets,
      //?sets='+sets,第一个sets是传过去的参数名,第二个sets是要传的参数sets,已经在上面声明了
})

接参代码:

js界面

  /**
   * 生命周期函数--监听页面加载
   */
onLoad: function (options) {		//最好是放在生命周期onLoad里面进行接收参数
	var data = JSON.parse(decodeURIComponent(options.sets));
	//decodeURIComponent() 函数可对 encodeURIComponent() 函数编码的 URI 进行解码。
	//JSON.parse()可以将JSON字符串转为一个对象。
    console.log("收到的详情+",data);
}

JSON.stringify()的作用是将 JavaScript 对象转换为 JSON字符串,JSON.parse()可以将JSON字符串转为一个对象。
简单点说,它们的作用是相对的,我用JSON.stringify()将对象a变成了字符串c,那么我就可以用JSON.parse()将字符串c还原成对象a。而encodeURIComponent() 就相当于加密,decodeURIComponent()就是解密

你可能感兴趣的:(页面传参,页面接参)