微信小程序--携参数跳转界面

tabBar界面跳转

wx.switchTab({
        url: '/pages/logs/logs', //不可携带参数
    })
  wx.reLaunch({
    url: '/pages/classifi/classifi?category_name='+category_name,//可携带参数
  })
setTimeout(() => {
            wx.switchTab({
              url: '../index/index',
            })
           }, 2000);

就非tabBar界面跳转

 wx.navigateBack({
    delta: 1 // 返回的页面层数,1表示返回上一页,2表示返回上两页,以此类推
  })
wxml
<navigator url="../navigator/navigator?title=我是参数" >跳转新页面</navigator>  
wx.navigateTo({
  url: '../txt/txt?id='+txt+'&name='+name //不关闭当前界面,可使用wx.navigateBack可以返回到原页面
})
wx.redirectTo({
  url: '../txt/txt?id='+txt  //关闭当前页面,跳转到txt页面
})
//二级页面Js
 onUnload: function () {
 	var pages = getCurrentPages(); // 获取页面栈
	var currPage = pages[pages.length - 1]; // 当前页面
	var prevPage = pages[pages.length - 2]; // 上一级界面
	prevPage.setData({
  		name: 'name'  //为上一级界面赋值
  		 });
  		 

wx.navigateBack({
  delta: 1    //返回上一级界面 1是返回一级 2是返回二级界面
})
  },

解决传参参数太长问题。

// 传递
toweb_view: function (e) {
      console.log('推文',e.currentTarget.dataset.url);
      var url = e.currentTarget.dataset.url;
      
      //跳转并传参
      wx.navigateTo({
        url: '../toweb_view/toweb_view?url=' + encodeURIComponent(JSON.stringify(url)),
      })
    },

// 接收
onLoad: function (options) {
   this.setData({
     url : JSON.parse(decodeURIComponent(options.url))
   })
},

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现微信小程序web-view跳转商城,支付的时候的跳转微信小程序支付,需要进行以下步骤: 1. 在微信公众平台注册小程序,并获取AppID。 2. 在小程序后台开启支付功能,并设置支付相关的参数,例如商户号、密钥等。 3. 在商城的页面中,使用微信JS-SDK中的`chooseWXPay`方法调起微信支付。 以下是调用微信支付的代码示例: ```javascript // 调用微信支付 function pay() { wx.chooseWXPay({ timestamp: '', // 支付的时间戳 nonceStr: '', // 支付的随机字符串 package: '', // 统一下单接口返回的 prepay_id 参数值 signType: '', // 签名算法,暂支持 MD5 paySign: '', // 签名 success: function (res) { // 支付成功后的回调函数 }, fail: function (res) { // 支付失败后的回调函数 } }); } ``` 4. 在商城页面中,点击支付按钮时,调用`pay`函数进行支付。 5. 在微信小程序中,使用`navigateToMiniProgram`或`navigateBackMiniProgram`方法实现跳转微信小程序支付界面。 以下是跳转微信小程序支付界面的代码示例: ```javascript // 跳转微信小程序支付界面 function navigateToPay() { wx.navigateToMiniProgram({ appId: '', // 小程序的AppID path: '', // 跳转小程序的路径 extraData: {}, // 传递给小程序的数据 success(res) { // 成功跳转小程序支付界面后的回调函数 }, fail(res) { // 跳转失败后的回调函数 } }) } ``` 6. 在商城页面中,调用`navigateToPay`函数实现跳转微信小程序支付界面。 7. 在小程序后台,配置小程序支付的回调URL,用于接收微信支付结果通知。 以上是微信小程序web-view跳转商城,支付的时候的跳转微信小程序支付的实现步骤和代码示例。需要注意的是,具体的代码和小程序后台配置可能会因为不同的商城和小程序而有所不同。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值