小程序 webview 组件 实现与h5页面之间的传值及返回到上一级小程序页面

本文介绍了如何在小程序中使用webview组件与H5页面进行交互,包括配置业务域名、传值回显的解决步骤。在小程序中选择地点后,通过wx.navigateBack返回H5页面并显示选择的地点。关键在于利用小程序的页面路由和H5页面的刷新URL。同时,为了解决多层级返回导致的页面缓存问题,需要在H5页面监听浏览器返回事件,确保正确返回小程序上一级页面。
摘要由CSDN通过智能技术生成

小程序使用webview组件之前需在后台配置业务域名实现与h5页面的交互。配置业务域名请移至微信公众平台 左侧选择开发选项,会找到相应的域名配置。

如图操作顺序及需求:
h5页面
图1
小程序页面
图2
在这里插入图片描述
图3
在此项目中遇到小程序与h5之间的跳转传值回显的问题。从h5页面(图1)跳转到小程序页面(图2)选择地点之后自动返回到h5页面并把地点回显到h5页面。解决办法如下步骤:

  • 前边已经说明,如果在小程序中使用h5页面需要在微信公众后台配置业务域名;这是条件一。相反如果需要在h5页面跳回到小程序网页中可使用JSSDK1.3.2提供的接口来实现返回小程序页面 小程序API
  • 实现选完地址(图2
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值