javascript - 我想让用户输入更改链接

Question

所以我想要两个输入框或提示，让您输入玩家代号，然后输入另一个玩家代号。 基本网址将是这样的:“http://joeydood.com/default.aspx?p1=&p2=”

然后当有人进入时:“gamertag1”然后“gamertag2”并单击按钮， 链接更改为: http://joeydood.com/default.aspx?p1=gamertag1&p2=gamertag2 ”并自动打开该链接

我正在尝试这个

$(function () {
    $('#submit').click(function() {
        var url = "http://joeydood.com/default.aspx?p1=q";
        url += $('#q').val();
        window.location = url;
    });
});

<input type="text" id="q" />
<input type="button" id="submit" value="submit" />

但它不起作用，请帮忙。

Answer 1

您的 URL 中多了一个“q”字符。为了使其更易于阅读，我建议将 p1 和 p2 放在将玩家代号添加到 URL 的同一行上。

您可能还想了解有关 query strings 的更多信息，这样以后你可以更好地理解它们的结构。

$(function () {
    $('#submit').click(function() {
        var url = "http://joeydood.com/default.aspx";
        url += '?p1='  + $('#q1').val();
        url += '&p2=' + $('#q2').val();
        window.location = url;
    });
});

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

gamertag 1:
<input type="text" id="q1" />

gamertag 2:
<input type="text" id="q2" />
<input type="button" id="submit" value="submit" />