小程序获取二维码参数

生成二维码的时候使用的是 wxacode.getUnlimited,接口 B(数量不受限制,参数较短)

文档的截图如下:

可以看到生成的二维码的参数需要放在 scene
假设现在我们需要跳转商品详情,并且需要带 2 个参数,一个商品 ID,一个店铺 ID
则有: goodsId=1&storeId=2
然后在对应页面使用 this.options.goodsIdthis.options.storeId 来获取对应参数即可

可是通过二维码生成的链接并不能这样获取参数,打印 this.options 发现所有的参数都在
this.options.scene中,并且已经通过 urlencode 处理,说白了就是全部参数变成了字符串。这时候要获取就不好操作了


下面说下怎么获取对应的参数

Page({/*** 生命周期函数--监听页面加载*/onLoad: function(options) {if (options.scene) {Object.assign(this.options, this.getScene(options.scene)) // 获取二维码参数,绑定在当前this.options对象上}console.log(this.options) // 这时候就会发现this.options上就会有对应的参数了},/*** 获取小程序二维码参数* @param {String} scene 需要转换的参数字符串*/getScene: function(scene = "") {if (scene == "") return {}let res = {}let params = decodeURIComponent(scene).split("&")params.forEach(item => {let pram = item.split("=")res[pram[0]] = pram[1]})return res}
})

主要是用到了 decodeURIComponent 解码(这里并不能直接获得对象参数,只是把=被转义的东西重新转换回来)
然后在根据& 获取每一个参数,获取到每一个参数后,在通过循环,通过=分割键值对

这样就可以获取小程序二维码携带的参数了,并且获取后放入到this.options对象里面,整个页面都可以用

获取小程序二维码携带的参数相关推荐

  1. 微信小程序获取二维码接口整理,.Net Core后台获取小程序二维码

    2019独角兽企业重金招聘Python工程师标准>>> 一.关于二维码接口说明 参考:https://my.oschina.net/tianma3798/blog/1811307 获 ...

  2. 获取小程序二维码并保存为图片

    项目中遇到一个生成小程序二维码的需求,经过调研采用官方提供的wxacode.getUnlimited 方法来生成, 官方文档地址: https://developers.weixin.qq.com/m ...

  3. 获取url地址后面参数的2种方法(小程序二维码跳转参数解析)

    微信扫描小程序二维码后,在页面的onLoad函数的参数options内可以拿到跳转参数scene值,但是需要对scene进行decodeURIComponent操作,方法如下: 方法一: 扫码二维码地 ...

  4. 微信小程序——服务端获取小程序二维码 永久有效 数量无限制

    因为现在做的小程序,想要分享小程序中的页面给微信好友,那就可以使用二维码,很方便. 而且通过后台接口可以获取小程序任意页面的小程序码 扫描该小程序码可以直接进入小程序对应的页面,所有生成的小程序码永久 ...

  5. Java生成小程序二维码并带参数

    直接上代码: 工具类MpQrUtils.java,获取accessToken与二维码的输入流: import javax.servlet.http.HttpServletRequest;import ...

  6. php生成小程序二维码出现40001的情况

    php生成小程序二维码出现40001的情况 获取二维码时,小程序的access_token莫名奇妙失效了? 生成小程序二维码时遇到的坑,明明刚获取到的access_token,生成二维码时总是提示说 ...

  7. 如何生成背景透明的微信小程序二维码

    如何生成背景透明的微信小程序二维码 透明背景参数 透明背景参数 is_hyaline 是否需要透明底色, is_hyaline 为true时,生成透明底色的小程序码 public function g ...

  8. java获取微信小程序码和小程序二维码

    一.小程序码和小程序二维码简介 首先,奉上微信官方文档:获取小程序码 - https://developers.weixin.qq.com/miniprogram/dev/framework/open ...

  9. 生成微信小程序二维码(携带参数跳转指定页面)

    需求:生成微信小程序二维码并携带参数,扫码跳转指定页面 获取WxMaService对象 WxMaDefaultConfigImpl config = new WxMaDefaultConfigImpl ...

最新文章

  1. 亿万级图数据库 Nebula Graph 的数据模型和系统架构设计
  2. elasticsearch term match multi_match区别
  3. Ubuntu shutdown 关机、重启、注销 命令 常用实例
  4. HTML解析利器HtmlAgilityPack
  5. Android怎么实现选课功能,选课系统android
  6. 第二节:如何正确使用WebApi和使用过程中的一些坑
  7. Juniper Olive动态路由RIP配置案例
  8. android opencv cvgetsubrect,cvGetCol与cvGetCols 获取列 cvGetSubRect获取图像的矩形区域
  9. 利用ASP.NET一般处理程序动态生成Web图像
  10. Hadoop HBase
  11. 回文树 / 自动机模板
  12. wps xml转换表格_PDF转换神器安装步骤
  13. Elastic官方网络研讨会视频列表
  14. SQLSERVER走起微信公众帐号已经开通搜狗微信搜索
  15. 1、零基础学工控——初识plc
  16. 皮尔斯振荡器电路如何工作?图文+案例讲解,几分钟就搞定
  17. R学习之统计实验(四)--蒲丰投针(R语言编程)-----数模
  18. 转贴:网友【原创·教程】 SRT外挂字幕时间轴调整及合并中英文同步字幕制作方法
  19. 用小姐姐的声音为你指路,实时语音导航功能如何实现?
  20. c语言中1代表true嘛,c++中-1是true呢还是false呢

热门文章

  1. RemoteView使用笔记
  2. 【Vue3 造轮子项目 】kaiteUI中利用Custom Block(自定义块)和vite实现代码渲染器
  3. 8月19日BBUG:电信技术开发经验分享与前景展望
  4. 世界级Oracle专家Jonathan Lewis:我很为DBA们的未来担(r4笔记第92天)
  5. 自控原理与计算机控制实验系统
  6. Ehcache与terracotta集群配置
  7. VS2008的黑色皮肤
  8. i春秋 MISC ReCreators
  9. 【问题解决】git 合并commit 请求报错:Cannot ‘fixup‘ without a previous commit
  10. 个人形象设计之服装风格的认知