app给h5传递数据

最新推荐文章于 2023-09-13 16:07:26 发布

原创最新推荐文章于 2023-09-13 16:07:26 发布 · 1.4k 阅读

5 ·

CC 4.0 BY-SA版权

本文介绍了App与H5页面之间数据传递的两种主要方法。方法一是通过URL参数传递，利用JavaScript解析；方法二是利用原生App对JS函数的调用，实现数据的双向通信。在iOS和Android平台上，分别展示了获取用户信息的示例代码，强调了不同平台的实现差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一：

app可以把参数传到h5的链接里，用类似?xx=xx&xx=xx的形式拼接，js解析参数即可。

方法二：

情况一：app调用h5

原生app都可以对js的function进行触发，前端要做的只是将js定义好方法名和参数，交给app人员即可，app将数据通过参数传入

情况二：h5调用app

当H5页面加载时，就可以通过javascript去调用app自定义的方法（和调用js函数相似），执行成功后，app会进行callback回调把数据返回给H5，也就是函数的返回值

var ua = navigator.userAgent;
if (/iphone|ipad|ipod/i.test(ua)) {
    var p = decodeURIComponent(window.prompt("getUserInfo"));
    var m = window.prompt("getMd5UserInfo");
} else if (/android/i.test(ua)) {
    var p = decodeURIComponent(iplat.getUserInfo());
    var m = iplat.getMd5UserInfo();
}