使用 href 和 Javascript 將第 1 頁上的值傳遞到第 2 頁？

Question

在此項目中，用戶單擊指向站點的 email 鏈接：

example.com/video1?Id=12345&Email=email@email.com

我在頁面上有代碼來獲取 Id 和 Email 的用戶特定值...

<script>
const params = new URLSearchParams(document.location.search);
const Id1 = params.get("Id");
const Email1 = params.get("Email");
</script>

我想要發生的是用戶點擊一個鏈接......

所以 Id1 和 Email1 的值被傳遞到 example.com/video2...

我寫了一行...

<a href="example.com/video2/?Id=Id1&Email=Email1"/a>這沒有用...

然后寫了

<a href="example.com/video2/?Id="+Id1+"&Email="Email1 /a>

而這並沒有奏效......

有人可以幫我理解要添加的正確代碼，以便我可以將參數傳遞到網站的下一頁嗎？

謝謝！

Answer 1

您可以嘗試致電 window.location

像這樣

<a href="#" onclick="RedirectURL();return false;"> My link </a>
<script>
  const params = new URLSearchParams(document.location.search);
  const Id1 = params.get("Id");
  const Email1 = params.get("Email");

  function RedirectURL() {
    window.location = createDynamicURL();
  }

  function createDynamicURL() {
    //The variable to be returned
    var URL = "example.com/video1";
    URL += "?id=" + Id1;
    URL += "&Email=" + Email1
    return URL;
  }
</script>

Answer 2

這應該可以解決問題：

<!DOCTYPE html>
<html>
<body>
<a href="#" onclick="openUrl()">Open</a>
<script>
    //const params = new URLSearchParams(document.location.search);
    //const Id1 = params.get("Id");
    //const Email1 = params.get("Email");
    const Id1 ="id1234";
    const Email1 = "someone@email.com";

    function openUrl() {
      //window.location="http://example.com/video2/?Id=" + Id1 + "&Email=" + Email1;
      // more readable
      window.location=`http://example.com/video2/?Id=${Id1}&Email=${Email1}`;
    }
</script>
</body>
</html>

如果要打開新頁面，請使用window.open() 。

Answer 3

JavaScript 代碼：

const takeMeThere =()=>window.location.assign(`http://example.com/video2/?Id=${Id1}&Email=${Email1}`);

HTML：

<a href="#" onclick="takeMeThere()">Click Here</a>

如果您想在新的 window 中打開它，只需將target="_blank"設置a標簽。

使用 jquery 的解決方案：

首先為該標簽設置a id ，我將其設置為"me" ，然后這是代碼

$(document).ready(()=>{
   $("#me").attr("href", `http://example.com/video2/?Id=${Id1}&Email=${Email1}`)
})

HTML：

將 jquery 鏈接到您的頁面

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

然后用這個

<a id="me" href="#">Click me</a>

使用 href 和 Javascript 將第 1 頁上的值傳遞到第 2 頁？

問題描述

3 個解決方案

解決方案1
1 2020-12-13 04:19:47

解決方案2
1 2020-12-13 04:29:32

解決方案3
1 2020-12-13 05:07:04

使用 jquery 的解決方案：

使用 href 和 Javascript 將第 1 頁上的值傳遞到第 2 頁？

問題描述

3 個解決方案

解決方案1 1 2020-12-13 04:19:47

解決方案2 1 2020-12-13 04:29:32

解決方案3 1 2020-12-13 05:07:04

使用 jquery 的解決方案：

解決方案1
1 2020-12-13 04:19:47

解決方案2
1 2020-12-13 04:29:32

解決方案3
1 2020-12-13 05:07:04