小程序向webview页面传值

作者:admin来源:编写 日期:2021/3/3 9:18:33浏览次数:

这里讲述小程序向webview页面传值,实际是向webview中网址页面传值。

小程序web-view页面只有一个网址,且自动铺满整个页面。

web-view组件使用方法,在wxml文件中:

<web-view src="https://www.xxxx.cn/xxx.aspx?id ={{id}}"></web-view>

小程序向web-view小程序页面传值时,假定小程序页面名称为index,跟普通传值方式一样:

wx.navigateTo({

  url: '/pages/index/index?id=' + this.data.id,

 })

在web-view小程序页面中获取值:

在onLoad函数中用

this.setData({

      id: options.id,

    });

注意要用setData函数,在data数据中要定义id参数。

在web-view的xxx.aspx网页中js语句:

id = window.location.href.split("=")[1];

这是传递一个参数,传递多个参数可用正则表达式分开。

这样传递过来的参数在xxx.aspx页面中就可以使用了。

 

欢迎阅读、分享,转载和使用请注明出处,文章来自三里河之光-风、物、情

 

中华人民共和国