微信小程序获取formId (批量获取)

针对微信小程序发送模板消息需要的formId,本人表示有的时候很头疼,所以给他家提供了一个收集formId的简单方法:

<form bindsubmit="form_submit" report-submit='true'>
    <button form-type="submit" class='formid'></button>
</form>

在用户可能会点击的地方都放入这个表单按钮,然后利用

button::after {
  border: none;
}

去掉button的一些默认样式,然后给父级元素

position: relative;

然后再给button定位 这样就用用按钮遮盖住用户点击的地方,剩下得样式大家就可以随便搞了,然后利用

form_submit(e) {
    console.log(e.detail.formId)
}

就可以轻松获取你的formId了,然后在让后台小哥哥小姐姐写上一个收集formId的接口

function _collectWeChatFormId(formId) {
  let token = wx.getStorageSync("token_/cookies"), openId = wx.getStorageSync("openid_cookies"), orign = 1;
  console.log('formId',formId)
  if (formId == 'the formId is a mock one') {
    console.log(`模拟器中运行!`)
    return false;
  } if (formId.length == 0) {
    console.log(`formId不能为空`)
    return false;
  }
  let site = '你的收集接口',
    dates = {
      token: token,
      openId: openId,
      formId: formId,
      orign: orign
    },
    md = 'token=' + token + '&openId=' + openId + '&formId=' + formId + '&orign=' + orign;
  requestHttp(site, dates, md, function (res) {
    console.log(res)
    console.log(res.data)
  })
}

这样就OK了。

喜欢博主的可以点赞关注一下

---------------------------------------------------------------   END   ------------------------------------------------------------------

使用微信小程序原生云开发云函数,修改并完善 // pages/index/index.js Page({ handleScan() { const app = getApp(); if (app.globalData.isLoggedIn) { wx.scanCode({ success(res) { console.log('设备ID:', res.result); wx.navigateTo({ url: '/pages/report/report' }); }, fail(err) { console.error('扫码失败:', err); } }); } else { wx.navigateTo({ url: '/pages/info/info' }); } } }); <!-- pages/index/index.wxml --> <view class="container"> <button class="scan-btn" bindtap="handleScan">开始扫码检测</button> </view> <!-- pages/index/index.wxml --> <view class="container"> <button class="scan-btn" bindtap="handleScan">开始扫码检测</button> </view> <!-- pages/info/info.wxml --> <view class="form-container"> <view class="form-item"> <text class="label">姓名</text> <input class="input" placeholder="请输入姓名" bindinput="onNameInput" /> </view> <view class="form-item"> <text class="label">性别</text> <picker mode="selector" range="{{['男', '女']}}" bindchange="onGenderChange"> <view class="picker">{{ gender || '请选择性别' }}</view> </picker> </view> <view class="form-item"> <text class="label">年龄</text> <picker mode="selector" range="{{ageRange}}" bindchange="onAgeChange" > <view class="picker">{{ age || '请选择年龄' }}</view> </picker> </view> <view class="form-item"> <text class="label">身高</text> <picker mode="selector" range="{{heightRange}}" bindchange="onHeightChange" > <view class="picker">{{ height || '请选择身高' }} cm</view> </picker> </view> <view class="form-item"> <text class="label">体重</text> <picker mode="selector" range="{{weightRange}}" bindchange="onWeightChange" > <view class="picker">{{ weight || '请选择体重' }} kg</view> </picker> </view> <view class="form-item"> <text class="label">手机号</text> <input class="input" type="number" placeholder="请输入手机号" bindinput="onPhoneInput" /> </view> <view class="f
03-18
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值