zoukankan      html  css  js  c++  java
  • 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);
    },

  • 相关阅读:
    种子销售管理需求
    三角函数
    软件人性化的体现
    三角函数
    ProductManager
    不能说的秘密
    种子销售管理需求
    JTable使用
    不能说的秘密
    设计模式(了解篇)转载
  • 原文地址:https://www.cnblogs.com/vientiane/p/13994015.html
Copyright © 2011-2022 走看看