以嵌入模式检索 typeform 表单数据

Question

我发现我可以使用以下代码连接到 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 数据发送到其他地方，或者将其附加到我拥有的另一个普通表单中。

Answer 1

看起来你正在使用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 现在支持此用例）