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

Question

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

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

但是那个事件是undefined的，和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 现在支持此用例）

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

Retrieve typeform form data in embed mode

javascript

typeform