Передайте входящие параметры URL в iframe src с помощью Javascript - PullRequest
Новая
       24

Передайте входящие параметры URL в iframe src с помощью Javascript

0 голосов
/ 08 марта 2019

У меня есть целевая веб-форма, которая собирает имя, адрес электронной почты и номер телефона.Эта форма перенаправляет на другую страницу моего сайта, которая содержит полноэкранное вложение TypeForm.

Я пытаюсь передать имя, адрес электронной почты и телефон в скрытые поля Typeform с помощью метода GET.

Я действительно не в своей стихии ... Я понятия не имею, что я делаю.Я прочитал много тем и сообщений в блоге 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 может не соответствовать требованиям - это может не обеспечить безопасность информации моих клиентов.Пожалуйста, не стесняйтесь перенаправить меня по другому, более безопасному маршруту, если вы чувствуете себя таким добрым.

Заранее большое спасибо.

РЕДАКТИРОВАТЬ: Решено.

1 Ответ

0 голосов
/ 08 марта 2019

Это похоже на похожий вопрос здесь .

Вы можете использовать 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')`;

Но почему бы не использовать форму для первой формы?

...