將動態URL字段傳遞到iframe而不進行服務器端編碼

Question

需要一些幫助，因為，不幸的是，我無法自己解決:(

1. 用戶被重定向到一個表單（通過iframe提供），其中包含一個動態URL：website.com/form？id = 123

2. 提供頁面的代碼從頁面URL中的“id”參數讀取該值（“123”）。

3. 然后，該腳本將該值寫入“data-url”屬性中URL的末尾，如下面的示例代碼段中所示。

 <div class="typeform-widget" data-url="iframe.com/to/abc123?id=123" style="width: 100%; height: 500px;" ></div> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm", b="https://embed.iframe.com/"; if(!gi.call(d,id)) { js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script> 

不幸的是，我似乎無法讓它工作......

非常感謝！

Answer 1

不確定為什么你面臨這個任務的問題。 以下是我如何從當前URL獲取ID

url = document.location.href;
var paramId = new URL(url).searchParams.get("id");

var frameElement = document.getElementById("typef_orm_frame");
frameElement.src = "https://example.com/to/abc" + paramId + "?id=" +paramId;

這是演示的JSFiddle

https://jsfiddle.net/0Lswuxj8/1/