如何使用 javascript 将参数传递到目标 url

Question

我试图在点击电影时将电影 ID 传递给 url，并在目标页面中检索电影 ID。我知道表单默认执行此操作，但我想使用锚元素来完成此操作。

例如我有这个主页 url:

http://127.0.0.1:5500/client/index.html

我在主页上点击了一部电影，该电影有一个重定向到不同文件的锚标记：

http://127.0.0.1:5500/client/views/movies.html

这部电影有一个 ID，我希望在 /movies.html 页面中可用，电影 url 应该如下所示：

http://127.0.0.1:5500/client/views/movies.html?movieId=1234

我如何使用 javascript 完成此操作？

这里是 html:

 <div class="card">
    <a href="${'/client/views/movies.html'}" data-src="1234" >
        <img class="img-size" src="${poster_image}" alt="">
    </a>
    <div class="card-body">
       <h6 class="card-title"> ${el.title}</h6>
          <p>${el.release_date}</p>
    </div>
 </div>

Answer 1

只需在锚标记 href 本身中添加所需的参数，如下所示：

 <div class="card">
    <a href="${'/client/views/movies.html?movieId=1234'}" data-src="1234" >
        <img class="img-size" src="${poster_image}" alt="">
    </a>
    <div class="card-body">
       <h6 class="card-title"> ${el.title}</h6>
          <p>${el.release_date}</p>
    </div>
 </div>

如何使用 javascript 将参数传递到目标 url

How to pass parameters to destination url using javascript

javascript

html

url-parameters

query-parameters