小程序web-view 与 H5 页面相互传参

小程序 web-view 传参问题解决

• 首先说一下最近小程序项目的情况,碰到了iOS下载PDF文件不了,安卓却能够下载的问题.后来根据要求 安卓需要在web-view 打开H5网页,在H5 上实现预览下载功能.
• 然后就碰到了一个小问题 小程序与H5之间传参.
• 在此简单记录一下

1.小程序跳转到H5页面

• wxml页面

<web-view src="{{url}}"></web-view>

• page.js(部分)

Page({

    /**
     * 页面的初始数据
     */
    data: {
        url: ''
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        this.setData({
            url: url +'?param=' decodeURIComponent(options.param) ,
        })
    }
    })

2. H5接收小程序传过来的参数,get请求
   因是get请求,我们获取其路径中的参数

• H5的Js中

var  param = window.location.href.split("?")[1]; /*参数*/ 

参考资料:
https://blog.csdn.net/qq_37235231/article/details/82053062