微信小程序传值以及获取值方法的详解

微信小程序传值以及获取值方法,传值有两种方法,对应也有获取值得方法,

1、设置id的方法标识跳转后传递的参数值;

2、通过使用data - xxxx 的方法来标识要传递的值

微信小程序设置id的方法标识来传值

在要跳转的item处,设置一个id并给当前的id赋值上对应的key值,比如一部电影的id(后面带着id去下一个页面查询,详细信息)如:

后我们在js的bindtap的响应事件中获取,并传递到下一个界面中;

获取到id传的值

通过e.currentTarget.id;获取设置的id值,并通过设置全局对象的方式来传递数值,

获取全局对象 var app=getApp(); //设置全局的请求访问传递的参数 app.requestDetailid=id;

提示:其实我们也可以在,wxml中查看到我们设置的每一个item的id值

通过使用data - xxxx 的方法标识来传值

通过使用data - xxxx 的方法标识来传值,xxxx可以自定义取名 比如data-key等等都可以。

如何获取data-xxxx传递的值?

在js的bindtap的响应事件中:

通过数据解析一层层找到数据,var id=e.target.dataset.id(根据你的data-id的取名)

微信小程序如何跨页面获取值?

依据上面的方式设置要传递的值,页面跳转后,我们就需要在下一个页面拿到传递的数据(这个数据在传递前,就已经被设置成全局变量)

在跳转后的js页面,接收传递过来的数据detail.js

同样通过全局额方式取值出来,(即和app.js中取某个变量的值是一样的)

var movieid=getApp().MovieDetailid;

console.log(movieid);

到此为止,我们数值传递并接收成功,后面就可以根据我们接收的参数,进行进一步的操作了。

以上所述是小编给大家介绍的微信小程序传值以及获取值方法详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对码农之家网站的支持!

以上就是本次给大家分享的关于java的全部知识点内容总结,大家还可以在下方相关文章里找到相关文章进一步学习,感谢大家的阅读和支持。

您可能感兴趣的文章:

微信小程序 java 传值_微信小程序传值获取值的实例方法相关推荐

  1. 微信用户绑定java实例_微信开放平台 帐号管理 绑定在同一个开放平台帐号下的公众号及小程序让用户unionid一致...

    第三方平台在获得此权限后,可以代替已授权的公众号/小程序创建开放平台帐号或进行绑定/解绑操作. 绑定在同一个开放平台帐号下的公众号及小程序,用户unionid一致.开发者可调用"获取用户基本 ...

  2. 微信公众平台java接口_微信公众平台自动消息接口(JAVA)

    一个小DEMO,通过发送地理位置,获取今明两天的气温情况. 代码部署在了OpenShift平台:地区定位以及天气服务由雅虎提供. 微信文档: http://mp.weixin.qq.com/cgi-b ...

  3. 微信小程序java服务_微信小程序访问webService(Java)

    在前台UI确认后,终于进入到后台服务的搭建及实现中.所及而来的问题就出现了,为了提高后台程序的可用性.设计初期决定,通过搭建java WebService实现.准备工作还是比较充分的,创建WebSer ...

  4. 腾讯小程序 java编写_微信小程序 使用腾讯地图SDK详解及实现步骤

    微信小程序 使用腾讯地图SDK详解及实现步骤 近期在做一款彩票服务类项目中用到了腾讯地图提供的小程序解决方案,拿来给大家分享一下! 使用起来非常简单,就是一些功能还有待完善. 官方文档:http:// ...

  5. 微信投票系统java开发_微信投票系统 v3.0

    微信投票系统简介 微信投票系统软件是一个以php+MySQL进行开发的微信投票系统. 吸粉神器,微信图文投票系统,强大的微信投票系统,防作弊的微信投票系统. 微信投票系统安装步骤: 解压压缩包到根目录 ...

  6. 微信jssdk开发java版_微信jssdk

    class JSSDK { private $appId; private $appSecret; public function __construct($appId, $appSecret) { ...

  7. 象棋小巫师java下载_象棋小巫师美化加强版

    快速搜索机型: 诺基亚 N73系列(240×320) N73 5320 5320XM 5320di_XM 5630XM 5700 5700XM 5710XM 5730XM 6110 6110N 612 ...

  8. 计算机毕业设计-springboot小区疫情防控小程序-java社区疫情管理小程序

    计算机毕业设计-springboot小区疫情防控小程序-java社区疫情管理小程序 1 开发环境及工具下载 开发语言:Java 后台:SpringBoot 前端:HTML+CSS+JavaScript ...

  9. 微信小程序页面栈_微信小程序之页面传值(路由、页面栈、globalData、缓存)

    1. 通过url带参数传递 1.1 固定参数传递 例如,从 list 页面到 detail 页面, 传递一个或多个固定值 list页面传值: 点此进入 detail detail页面取值: onLoa ...

最新文章

  1. UnicodeDecodeError: ‘ascii’ codec can’t decode...: ordinal not in range(128 问题解决
  2. python个人项目-个人项目 python实现
  3. MariaDB 源码调试
  4. ASP.NET WebAPI String 传值问题
  5. [2021-09-04 AtCoder Beginner Contest 217] 题解
  6. FFMPEG基于内存的转码实例——输入输出视频均在内存
  7. RabbitMQ学习——整合Spring AMQP、SpringBoot以及Spring Cloud Stream
  8. 08cms房产门户系统源码V8.6.1多城市版
  9. js-05--对象是什么、创建对象、对象使用、操作对象、遍历对象、内置对象、Math、任意范围随机数、日期对象、字符串对象
  10. littleVGL开发(12):样式(style)
  11. 边际递减,边际成本,边际收益,边际效益
  12. java 日期格式化 英文_Java中使用SimpleDateFormat输出英文日期(原创)
  13. 萌宠历险记html5游戏在线玩,7724萌宠历险记
  14. spin_lock_bh使用
  15. EJB:First component in name xxx not found - Java / Java EE
  16. docker更换镜像源
  17. 如果同步块内的线程抛出异常会发生什么?
  18. iphone竖屏视频旋转_如何在iPhone上旋转视频
  19. uboot-Makefile学习(4)
  20. 一个很酷的基于OpenGL + C#的Wince界面开源程序

热门文章

  1. python使用matplotlib可视化、移除可视化图像坐标轴的刻度线和标签( remove the default axis ticks and labels)
  2. R语言可视化面积图(area chart)移除轴标签与实际图形之间的空白区域实战:默认的面积图、移除轴标签与实际图形之间的空白区域
  3. R语言绘制核密度图实战(Kernel Density Plot)
  4. R绘制水平箱图(horizontal boxplot)
  5. linux bash字符串截取
  6. 为什么第二代测序碱基出错主要以替换(Substitutions)为主
  7. c# hdf5 写string_聊一聊C#8.0中的 await foreach
  8. k2677场效应管参数引脚_常用功率场效应管参数大全
  9. tf.GradientTape() 示例
  10. 微信截取菜单栏(不收回)