javascript - 在重定向上添加参数

Question

单击按钮时，我正在努力向 URL 添加参数。因此，在第 1 页中单击按钮时，它会重定向到第 2 页并在第 2 页的 URL 中添加一个参数

该参数应该是 PAGE 1 url 的最后一部分：

PAGE 1 url: page.com/page1/food -> food 应该是按钮单击时添加到 PAGE 2 的参数

PAGE 2 url: page.com/page2 -> 向该 URL 添加参数

我一直在尝试这样做，但我不知道如何在按钮单击时将参数从第 1 页传递到第 2 页

标签： javascriptjquery

Answer 1

您可以很容易地通过 JS 获取 URL。

您没有在问题中提供按钮单击代码。所以我假设有两种方法可以重定向到另一个页面；

1. 您可以添加一个按钮并编写一个点击函数来重定向；

   <button onclick="redirect()"> Go To Page 2 </button>
   <script>
   function redirect()
   {
       var currentUrl = window.location.href;
       var parts = currentUrl.split("/");
       var param = parts[parts.length() -  1];
       window.location.hef = page2_url + "/" + param;
   }
   </script>
   

2. 您还可以添加锚标记进行重定向；

   <a href="page2_url" id="redirectlink"> Button </a>
   <script>
     (function(){
         var currentUrl = window.location.href;
         var parts = currentUrl.split("/");
         var param = parts[parts.length() -  1];
   
         $("#redirectlink").attr("href", "page2_url" + "/" + param)
    })()
   </script>