使用Javascript将传入的URL参数传递给iframe src

问题描述 投票:0回答:1

我的登录页面上有一个Webflow表单,用于收集姓名,电子邮件和电话号码。该表单重定向到我的网站上另一个包含全屏TypeForm嵌入的页面。

我正在尝试使用GET方法将名称,电子邮件和电话传递给Typeform隐藏字段。

我真的不在我的元素......我不知道我在做什么。我已经阅读了很多Stackoverflow线程和博客文章。

我接近了吗?这是我在HTML嵌入中的代码。

<html> 

<head> 

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 

<title>LBWR Qualification Form</title> 

<style type="text/css"> 

html{ margin: 0; height: 100%; overflow: hidden; } 
iframe{ position: absolute; left:0; right:0; bottom:0; top:0; border:0; } 

</style> 

</head> 

<body> 

<script type="text/javascript">

var loc = window.location.toString(),
    params = loc.split('?')[1],
    iframe = document.getElementById('typeform-full');

iframe.src = iframe.src + '?' + params;

</script>

<iframe id="typeform-full" width="100%" height="100%" frameborder="0" src="https://zacharypinnell.typeform.com/to/k5BPk6">

</iframe> 

<script type="text/javascript" src="https://embed.typeform.com/embed.js">

</script> 

</body> 

</html>

我意识到使用GET可能不合规 - 它可能无法保证我的潜在客户的信息安全。如果您感觉很亲切,请随意在另一条更安全的路线上重定向。

非常感谢你提前。

编辑:解决了。

javascript html post get parameter-passing
1个回答
0
投票

这看起来像一个类似的问题here

您可以使用Typeform Embed SDK来更好地控制您的嵌入。

并使用javascript从当前页面检索查询参数

let params = new URLSearchParams(location.search);

然后将这些参数传递给typeform。

var url = "https://YOUR_SUBDOMAIN.typeform.com/to/YOUR_TYPEFORM_ID"
url += `?name=${params.get('name')}&email=${params.get('email')`;

但为什么不在第一种形式上使用字形呢?

© www.soinside.com 2019 - 2024. All rights reserved.