小程序内页面跳转、H5页面跳转小程序页面

一、小程序内跳转
1.普通跳转

//保留当前页面，跳转到应用内的某个页面（最多打开5个页面，之后按钮就没有响应的）
wx.navigateTo({    
url:"/pages/aaa/aaa"
})

//跳转到tabBar页面，并关闭其他所有tabBar页面
wx.switchTab({    
url:"/pages/aaa/aaa"
})

//关闭当前页面，跳转到应用内的某个页面（这个跳转有个坑，就是跳转页面后页面会闪烁一下）
wx.redirectTo({      
url:"/pages/aaa/aaa"
})

//跳转至指定页面并关闭其他打开的所有页面（这个最好用在返回至首页的的时候）
wx.reLaunch({     
url:'/pages/index/index'
})

2.指定页面返回

//返回页面跳转
//注意：调用 navigateTo 跳转时，调用该方法的页面会被加入堆栈，而 redirectTo 方法则不会

// 此处是A页面
wx.navigateTo({
  url: 'B?id=1'
})
 
// 此处是B页面
wx.navigateTo({
  url: 'C?id=1'
})
 
// 在C页面内 navigateBack，将返回A页面
wx.navigateBack({
  delta: 2 //返回的层数
})

3.页面跳转并传参

wx.navigateTo({
    url: '/pages/Deposit/Deposit?merchantId=' + this.data.coach.coachId,
})

//取值用option.type
 onLoad: function (options) {
    this.setData({
      "machantId": options.machantId,
       "merchantRecordId":options.merchantRecordId
    })
  }

二、微信H5跳转小程序
H5页面必须加入以下script

<script src="https://test.com/jquery.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script>
<script>
$(function(){
  $('#btn').on('click',function(s) {
    wx.miniProgram.navigateTo({
      url:'/pages/index/index?id=xxx',
      success: function(){
          console.log('success')
      },
      fail: function(){
          console.log('fail');
      },
      complete:function(){
          console.log('complete');
      }

      });
  });
});
</script>