JavaScript 开发：微信小程序页面跳转传参及接收数据全攻略

在微信小程序中，页面的跳转和传参以及接收数据是通过小程序的API实现的。 1. 页面跳转： 页面跳转是通过wx.navigateTo()、wx.redirectTo()和wx.reLaunch()方法实现的。这三种方法都可以实现页面的跳转，但是使用场景不同。wx.navigateTo()方法用于跳转到一个新的页面，但是不会返回原来页面的数据；wx.redirectTo()方法用于跳转到一个新的页面，并且可以返回原来页面的数据；wx.reLaunch()方法用于完全替换当前页面，返回原来页面的数据。 ```javascript // 跳转到新的页面 wx.navigateTo({ url: 'newPage' }) // 返回原来页面的数据 wx.redirectTo({ url: 'newPage' }) // 完全替换当前页面 wx.reLaunch({ url: 'newPage' }) ``` 2. 页面传参： 在页面跳转时，可以通过url中的参数来传参。参数需要使用encodeURIComponent()进行编码，防止出现乱码。接收参数时，需要使用decodeURIComponent()进行解码。 ```javascript // 跳转到新的页面并传参 wx.navigateTo({ url: 'newPage?name=' + encodeURIComponent('张三') }) // 在新的页面接收参数 onLoad: function (options) { var name = decodeURIComponent(options.name) } ``` 3. 接收数据： 在小程序中，数据的接收主要有两种方式：一种是通过onLoad、onReady、onShow等生命周期函数接收；另一种是通过setData()方法接收。 ```javascript // 通过生命周期函数接收数据 onLoad: function (options) { var data = options.data } // 通过setData()方法接收数据 setData: function (data) { this.setData({ data: data }) } ``` 注意：在小程序中，所有在页面生命周期函数中获取的数据，都只能在当前页面使用，不能在其他页面中使用。如果需要在其他页面中使用，需要通过全局变量或者事件总线来传递数据。 ######[AI写代码神器 | 469点数解答 | 2023-11-09 01:45:05]