h5和小程序通信

news/2024/7/20 3:53:17 标签: 小程序

相信大部分人可能都会遇到要在微信小程序里面嵌入h5,这个时候h5和小程序之间的通信就成了不可避免的一环,不用紧张,其实很简单。

看一下微信小程序官方文档怎么说

首先我们按照文档上的指示,在需要向小程序传递参数的页面引入 jweixin-1.3.2.js

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

接下来在需要传参的 js 里面直接使用

if (res.data === 200) {
    wx.miniProgram.postMessage({ data: { message: '200Hello from H5' } });
} else{
    wx.miniProgram.postMessage({ data: { message: 'Hello from H5' } });
}

最后在小程序的 handleGetMessage 方法里面接收就好啦

  // 接收从h5传递过来的数据
  handleGetMessage: function(e) {
    console.log('查看h5传递过来的数据:',e.target.data)
  },

看,成功接收到啦


http://www.niftyadmin.cn/n/5252984.html

相关文章

Linux C/C++并发编程实战(8)CAS机制的ABA问题

文章目录 无锁队列中的ABA问题ABA问题解决方案 ABA问题&#xff1a;CAS在操作的时候会检查变量的值是否被更改过&#xff0c;如果没有则更新值&#xff0c;但是带来一个问题&#xff0c;最开始的值是A&#xff0c;接着变成B&#xff0c;最后又变成了A。经过检查这个值确实没有修…

【springboot设计源码】庆阳非物质文化遗产展示平台课题背景、目的、意义、研究方法

该项目含有源码、文档、PPT、配套开发软件、软件安装教程、项目发布教程等学习内容。 目录 一、项目介绍&#xff1a; 二、文档学习资料&#xff1a; 三、模块截图&#xff1a; 四、开发技术与运行环境&#xff1a; 五、代码展示&#xff1a; 六、数据库表截图&#xff1…

3.DevEco Studio安装鸿蒙手机app本地模拟器

配合Intel CPU启动模拟器 解决措施 打开任务管理器&#xff0c;在“性能”选项&#xff0c;检查CPU虚拟化是否已经启用。如果未启用&#xff0c;需要进入电脑的BIOS中&#xff0c;将CPU的“Intel Virtualization Technology”选项开启。 点击New Emulator 文档中心 解决措施…

一个适用于定制个性化界面的WPF UI组件库

前言 今天给大家推荐一个能让你用最少的代码来实现期望的UI效果&#xff0c;适用于定制个性化界面的WPF UI组件库&#xff1a;Panuon.WPF.UI。 组件库官方介绍 Panuon.WPF.UI 是一个适用于定制个性化UI界面的组件库。它能帮助你快速完成样式和控件的UI设计&#xff0c;而不必…

返回值的作用,用法

函数返回值 定义&#xff1a;函数的返回值是指函数被调用之后&#xff0c;执行函数体中的代码所得到的结果&#xff0c;这个结果通过return语句返回。 返回值的类型必须与函数定义类型一致 return用法 return 语句的一般形式为&#xff1a; …

JAVAEE-定时器案例

设置一个时间,当时间到了的时候,定时器就会去自动执行某个逻辑. timer简介 1.创建计时器 Timer timernew Timer();//创建计时器 2.创建任务 timer.schedule(new TimerTask(){//接口,这里不能使用lambada表达式,lambada表达式要求接口只有一个函数,这里有多个 public void …

Android : XUI- SimpleImageBanner+BannerItem带标题的轮播图-简单应用

示例图&#xff1a; 1.导入XUI http://t.csdnimg.cn/qgGaN 2.MainActivity.java package com.example.viewpagerbanne;import android.os.Bundle; import android.view.View; import android.widget.Toast; import androidx.appcompat.app.AppCompatActivity; import com.xu…

d1-nezha-rtthread与rtthread的cv1800b反汇编文件分析,及测试是否进入os.bin

前言 &#xff08;1&#xff09;PLCT实验室实习生长期招聘&#xff1a;招聘信息链接 &#xff08;2&#xff09;因为根据教程&#xff0c;我一直Milkv-duo的rtthread一直没有进展&#xff0c;据我所知&#xff0c;一般只有entry函数前面部分有差异&#xff0c;然后是entry—>…