微信小程序左上角返回按钮触发事件

最新推荐文章于 2025-04-09 09:47:22 发布

qq_39920109前端小菜鸟

最新推荐文章于 2025-04-09 09:47:22 发布

阅读量1.9w

点赞数 7

文章标签：小程序返回按钮

本文链接：https://blog.youkuaiyun.com/qq_39920109/article/details/94002166

版权

本文详细介绍了在小程序中实现页面跳转，并在返回原页面时触发数据更新的流程。通过具体代码示例，展示了如何使用wx.setStorageSync和wx.getStorage进行数据存储与读取，进而请求接口更新页面数据，确保用户看到的是最新的学习进度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

从A页面跳转到B页面，再从B页面通过左上角返回按钮，返回到A页面

A页面：
在这里插入图片描述
B页面：

从B页面返回到A页面时，触发事件请求接口：
代码如下：
B页面js代码

  onShow: function () {
    wx.setStorageSync('aShow', true)
  },

A页面js代码

onShow: function () {
    var page = this;
    let aShow = '';
    //获取存储信息
    wx.getStorage({
      key: 'aShow',
      success: function (res) {
        // success
        aShow = res.data;
        if (aShow) {
          //  学习进度
          app.sendRequest({
            url: api.course.study_plan,
            data: {
              curriculum_id: page.data.curriculum_id
            },
            success(plan_res) {
              if (JSON.stringify(plan_res.data) != "{}") {

                // 设置数据  
                page.setData({
                  joined: 1,
                  standard_id: plan_res.data.standard_id,
                  standard_name: plan_res.data.standard_name,
                  text: '继续学习'
                });

              } else {
                page.setData({
                  standard_id: ''
                });
              }

            }
          });
        }
      }
    })


  },