小程序获得formId

最新推荐文章于 2021-07-30 17:08:51 发布

原创

最新推荐文章于 2021-07-30 17:08:51 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#获取formId

本文介绍了小程序如何获取formId，作为前端与后端交互的关键参数。formId来源于form表单submit触发时的e.detail，模拟器显示为模拟值，真机上则是真实formId。了解这一过程对于正确发送服务通知至关重要。

小程序的服务通知

小程序的这种通知，作为前段需要向后端传一个参数，formId，那么我们怎么获取的这个formId呢，

首先，我们得知道，formId 是 form 表单的 id，

当点击 form 表单中 formType 为 submit 的 button 组件时，会将表单组件中的 value 值进行提交，

这个时候打印 e.detail 就可以看到 formId，但是模拟器上看到的是 formId: "the formId is a mock one"，在真机上看到的就是真实的 formId，例如 dab937de8601 4be48748a362a497e344 。

下面我们看一下代码怎么实现的

      <form bindsubmit="formSubmit" report-submit="true">
        <!-- report-submit 是否返回 formId 用于发送模板消息默认是false，这里要设置为true否则获取不到formId -->
        <button formType="submit"></button>
      </form>