javascript - 重定向并使用 QueryString 传递值

Question

我想创建一个联系人页面，

我有以下代码:

<div>
    <h4 class="item-name" style="line-height: 0.5;">#:Name# #:Surname#</h4>
<div>

还有两个值(contactNumber 和 Email)

在第一个 View 中，我只显示名称，我想在单击时重定向到其他页面。

类似的东西。

<a href="contactActionView?id=.....">

我应该只传递ID，还是可以通过<a href="contactActionView?id=.....">传递名字、姓氏、手机和电子邮件？查询字符串，我更愿意这样做。

<a href="contactActionView?id=#:name=#:number=#:email#">

然后在下一个 View /窗口中将其显示在<p>中标签。

所以我的问题是如何使用 queryString 传递值？

Answer 1

var id = document.querySelector('input[name="id"]').value;
var name = document.querySelector('input[name="name"]').value;
var number = document.querySelector('input[name="number"]').value;
var email = document.querySelector('input[name="email"]').value;

window.location = "http://urltowitchyouwantotoredirect?id=" + id + "&name=" + name + "&number=" + number + "&email=" + email;

如果没有window.location，它应该是这样的:

function GetUrl()
{
     var id = document.querySelector('input[name="id"]').value;
     var name = document.querySelector('input[name="name"]').value;
     var number = document.querySelector('input[name="number"]').value;
     var email = document.querySelector('input[name="email"]').value;

     document.querySelector("#myhyperlink").href = "http://urltowitchyouwantotoredirect?id=" + id + "&name=" + name + "&number=" + number + "&email=" + email;
}

<a id="myhyperlink"> Go</a>

在每个输入中，您需要输入 onchange="GetUrl();"