javascript - 在嵌入模式下检索 typeform 表单数据

标签 javascript typeform

我发现我可以使用以下代码连接到 onSubmit 事件:

typeformEmbed.makeWidget(this.$el, 'https://pptt.typeform.com/to/S70gmy', {
      onSubmit: event => {
        console.log('event.onSubmit', event)
      }
    })

但是,该事件是未定义的,就像 Typeform 一样,它只发送事件而不发送表单数据

然后就是这样:

window.addEventListener('message', function(event){
      if(event.data.type == 'form-submit')
        // your business logic here
    }, false);

但我在那里找不到表单数据。

这可能吗?我想将类型表单数据发送到其他地方,或将其附加到我拥有的另一个普通表单中。

最佳答案

看起来您正在使用 Typeform Embed SDK .

执行此操作的不同方法:

  • 此表单上有一个 Webhook,提交表单时会对其进行 ping 操作,您将可以访问答案的整个有效负载。 Doc

  • 在 onSubmit 操作上,获取响应 ID 并调用 Typeform Responses API找到相应的响应。

const reference = typeformEmbed.makePopup(
  'https://admin.typeform.com/to/PlBzgL',
  {
    onSubmit: function (event) {
      console.log(event.response_id)
    }
  }
)

希望对您有帮助。 我们计划在不久的将来对此 SDK 进行改进。

(编辑:2020 年 8 月 25 日,Embed SDK 现在支持此用例)

关于javascript - 在嵌入模式下检索 typeform 表单数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59049553/

相关文章:

javascript - 有人可以分解这个匿名函数并解释一下吗?

javascript - 使用 typeform 禁用 iframe 中的滚动

javascript - 获取传递的 URL 参数并添加到 iframe URL

javascript - 为 iframe 弹出窗口设置 cookie 以使其保持关闭

django - Typeform 安全 API 和 Django : Not Verifiying Hash Correctly

javascript - Js Observable 设置属性和子属性

javascript - 想在 native react 中自动滚动平面列表

javascript - Angular 范围未定义

google-apps-script - 电子表格脚本中的 Typeform 提交触发器

javascript - 在 JavaScript 中使用整数作为关联数组中的键