非嵌入模式下Typeform表单数据获取方案咨询
非嵌入模式Typeform捕获提交字段值的解决方案
方案1:使用Typeform Webhooks(推荐)
这是官方支持的最可靠方式,无需前端处理,直接在后端接收完整提交数据:
- 登录Typeform后台,进入目标表单的「设置」页面,找到「Webhooks」选项
- 添加你的后端接收URL,设置触发条件为「表单提交」
- 用户提交表单后,Typeform会自动发送一个POST请求到你指定的URL,请求体包含结构化的完整数据:包括每个字段的ID、显示标签、用户输入值,以及提交时间、用户IP等元数据
- 后端只需解析这个POST请求的JSON体,即可获取所有字段值
方案2:调用Typeform Submissions API拉取数据
如果需要主动获取提交记录,可以通过官方API实现:
- 在Typeform开发者平台创建API密钥(需账号权限)
- 调用
GET /forms/{form_id}/responses接口,其中form_id是你表单URL中to/后的部分(你的表单ID是teQj56wI) - 接口返回的响应中包含所有提交记录,每条记录对应一次表单提交的完整字段数据
- 注意:请求时需在请求头中携带
Authorization: Bearer {你的API密钥},同时要遵守API的调用频率限制
方案3:前端结合隐藏字段与会话存储(适合跨页面传递)
如果需要在前端获取数据,可通过以下变通方式(需配合表单重定向设置):
- 在Typeform表单中添加隐藏字段,用于标识用户会话
- 在用户跳转到Typeform前,将唯一会话ID存入
sessionStorage或通过URL参数传递给隐藏字段(仅传递会话标识,不传递表单数据) - 在Typeform后台设置表单提交后的重定向URL为你的页面
- 页面加载后,调用Submissions API,根据会话ID过滤出对应用户的提交数据,从而获取字段值
内容的提问来源于stack exchange,提问作者ehsan
相关产品推荐
相关产品推荐

