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);
    },

  • 相关阅读:
    models F Q查询
    Django models 多对多 操作
    Cookies与session的区别
    Form表单验证
    图片上传
    Django进阶
    sql 单个字段去重查询 distinc 和 group by的效率问题
    Django知识点整理
    Web应用请求和响应 HTTP相关
    Django中的几种重定向方式
  • 原文地址:https://www.cnblogs.com/vientiane/p/13994015.html
Copyright © 2011-2022 走看看