h5與小程序互相跳轉,傳參和獲取參數


1、h5跳轉到小程序
首先引入js文件
<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
跳轉方法
①跳轉到小程序內頁

wx.miniProgram.navigateTo({
        url: '/pages/content/content',
        //url: '/pages/content/content?id=1', 傳參  
      });

②跳轉到小程序tabbar頁面
wx.miniProgram.switchTab({url: "/pages/index/index"})

2、小程序跳轉到h5
①用webview標簽,傳入h5地址
<web-view src="{{path}}"></web-view>
②傳參

this.setData({
      path: options.path + '?data=' + '哈哈哈'
    })

3、h5頁面獲取小程序傳參

function getSearchString(key, Url) {
    var str = Url;
    str = str.substring(1, str.length);
    var arr = str.split("?");
    var obj = new Object();
    for (var i = 0; i < arr.length; i++) {
      var tmp_arr = arr[i].split("=");
      obj[decodeURIComponent(tmp_arr[0])] = decodeURIComponent(tmp_arr[1]);
    }
    return obj[key];
  }
var search = window.location.search;
var data = getSearchString('data', search);

4、小程序獲取h5傳參
onLoad方法中獲取
onLoad: function (options) {
console.log(options.id);
},


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM