小程序url后面参数的解析

获取跳转的参数

1、在小程序中经常用到点击跳转的操作 并且需要传递参数 例如

wx.navigateTo({

  url: ‘../payDetails/payDetails?activity_id=‘ + self.data.order_id + ‘&isfirst=‘ + self.data.isfirst,

})

拿到这些参数是在ayDetails页面onload里面拿到

onLoad: function (options) {

  console.log(options)

}

这样就能拿到对应的参数了

2、在小程序中扫码进入传递参数呢 方法是一样的但是数据太多 后台这方面就是 就是给我的拼接 参数 然后自己解析 二维码内容大概是 https://www.*******.com/w?p=scale&bmi=24.3&bmr=1586&bodyAge=23&bodyShape=4&bodyfat=19.9&bone=2.82&hasMeasured=true&heartIndex=2.9&heartRate=73&lbm=56.3&leftWeight=0&mac=D6:7F:A4:42:DB:74&measureTime=Sep 21, 2019 15:25:09&method=4&muscle=45.6&muscleMass=53.5&protein=18.27&resistance50=479&resistance500=431&resistanceState=0&score=88.3&subfat=17.7&trueResistance50=479&trueResistance500=431&visfat=7&water=57.8&weight=70.3&age=undefined&gender=male&height=170 首先拿到 URL的参数 转成我们能用的格式 

封装一个简单的函数转换数组

splitArr:function (arr) {

  var obj = {};

  for (var i = 0; i < arr.length; i++) {

    var split = arr[i].split(‘:‘);

    obj[split[0]] = split[1];

  }

  return obj;

}

//q就是url地址

let result = this.splitArr(q.split("?")[1].replace(/=/g,":").split(‘&‘))

//结果为

这样拿到的 数据我们就可以用了 其实就是 先把 地址转换成 数组 然后 再把数组 转换成对象 这样我们就能拿到 键 对应的值了 大家有什么 好的方法 可以 提哦

原文地址:https://www.cnblogs.com/qq976864507/p/11770368.html

时间: 2024-10-28 21:51:01

小程序url后面参数的解析的相关文章

App打开微信小程序并传递参数

在App中打开小程序的功能发布有一段时间了,网上关于这个的新闻很多,但是技术资料并不多,我们有项目需要尝试这种方式,特意试了一下,发现还是有一些坑,分享给大家. 首先微信官方文档在微信.开放平台上,截图如下: 一. 开发前先得做好几个准备工作: 在微信开放平台上有账号而且有通过的移动应用. 2.在微信公众平台有账号而且有小程序,最好发布为体验版本. 3.在微信开放平台把对应的移动应用和小程序建立关联.这个过程来回需要登陆和扫二维码n次. 二. 在android和ios调试官方sample打开小程

友点企业建站-小程序支付提示“参数配置错误”

我们在登录友点企业建站后台[微信接口]配置对接好微信小程序支付接口参数  商户号+支付秘钥  但是测试提交支付还是会提示支付参数错误,这到底是怎么回事呢? 原因经过查明是此支付信息账号是同一账号主体认证的微信公众号的,如果需要在小程序对接,那就需要先绑定授权才可以. 下面就介绍授权的主要操作部分: 1.商户号在商户平台填写相关APPID信息,发起授权申请:点击"产品中心->开发配置->APPID授权管理->新增授权",进入授权申请页面 1.商户号在商户平台填写相关AP

17年1月9日,小程序来了。深度解析2017微信公开课

时代与腾讯造就了张小龙,张小龙也造就了今天的腾讯.谁能想到,当年那个默默写FoxMail的男人,有朝一日可以成为中国互联网最拉风的人.我是一个开发者,我天然对这种代码起家,不善言辞,又略带文艺范儿的人有好感.特别是今天喊出了很多个"没有"后,我觉得说他最拉风,一点都不为过吧. 我的知乎专栏:小楼昨夜又秋风 首先,告诉大家的是,17年春节微信没有红包活动了~,把手机丢到角落去,好好陪家人过年吧. 微信相当高明的又打了支付宝一巴掌. 第一年推出红包,支付宝傻了. 第二年微信金色限时付费红包

小程序之带参数跳转到tab页

wx.switchTab({ url: '../../message/message/message', }) //wx.switchTab url不能带参数 解决方法?? (紫色表示非固定需要自己更改的) app.js ?? globalData: { activityid: '', //需要传递的参数 title: '' //需要传递的参数 } 传参页面.js ?? var app = getApp() issue: function(e){ app.globalData.activityi

小程序之通过参数改变标签

噢吼  今天遇到了一个问题. 当后台的参数中  有a和b两个参数 我们要根据a和b的参数来做展示 当后台返回 sourceurl为空 messagetext不为空这个时候我们就展示文字 sourceurl不为空  messagetext为空这个时候我们就展示图片 解决方案?????? <view class="{{myMessage.isMe[index]?'meview':'youview'}}"> //因为这个是个聊天 class里面判断如果是自己发送的就要靠右边展示

微信小程序页面带参数跳转及接收参数内容navigator

功能从index页面跳转到draw页面,并在draw页面获取id及imgUrl index.wxml <navigator class='looks-view' wx:for="{{imgUrlNew}}" wx:key="index" url="/pages/draw/draw?id={{item.id}}&imgUrl={{item.img}}"> <image src='{{item.img}}' class='l

微信小程序页面带参数跳转

页面传递参数的方式 data-para js获取参数 原文地址:https://www.cnblogs.com/yxj9536/p/10329151.html

nodejs获取带参数的小程序码

打开项目目录 ,新建一个app.js文件 使用cnpm init命令初始化项目文件 安装express和superagent 并将安装信息保存到package文件中 安装完了 写一个接口看看有木有问题 OK 接口是可以的 接下来就要干正事了. 在app.js文件同级路径建一个config.js文件 用于保存小程序的appid和secret ,使用module.exports导出 在app.js里引用 同时使用superagent发起请求 把参数放到请求的网址里 在浏览器里调用一下 看看打印的内容

微信小程序避坑指南

如果对小程序还不熟悉,建议先看下另一篇小程序简介 1. 基础库和微信版本对应关系 iOS 客户端版本 基础库版本 6.7.2 2.3.0 6.7.0 2.2.5 6.6.7 2.1.3 6.6.6 2.0.9 6.6.2 1.9.97 6.6.1 1.9.9 6.6.0 1.9.4 6.5.22 1.7.4 6.5.16 1.6.8 6.5.13 1.5.8 6.5.10 1.4.4 6.5.9 1.3.0 6.5.8 1.2.6 Android 客户端版本 基础库版本 6.7.2 2.3.0