gpt4 book ai didi

javascript - 如何重定向到另一个页面并从表中传递 url 中的参数?

转载 作者:行者123 更新时间:2023-12-03 21:34:32 26 4
gpt4 key购买 nike

如何重定向到另一个页面并从表中传递 url 中的参数?我在 Tornado 模板中创建了类似的内容

<table data-role="table" id="my-table" data-mode="reflow">
<thead>
<tr>
<th>Username</th>
<th>Nation</th>
<th>Rank</th>
<th></th>
</tr>
</thead>
<tbody>
{% for result in players %}
<tr>
<td>{{result['username']}}</td>
<td>{{result['nation']}}</td>
<td>{{result['rank']}}</td>
<td><input type="button" name="theButton" value="Detail"
></td>
</tr>
</tbody>
{% end %}
</table>

我希望当我按详细信息时重定向到 /player_detail?username=username并显示有关该玩家的所有详细信息。我尝试在输入标记内使用 href="javascript:window.location.replace('./player_info');" 但不知道如何将 result['username'] 放入。 如何做到这一点?

最佳答案

将用户名设置为按钮和类的 data-username 属性:

HTML

<input type="button" name="theButton" value="Detail" class="btn" data-username="{{result['username']}}" />

JS

$(document).on('click', '.btn', function() {

var name = $(this).data('username');
if (name != undefined && name != null) {
window.location = '/player_detail?username=' + name;
}
});​

编辑:

此外,您可以使用以下方法简单地检查 undefined && null:

$(document).on('click', '.btn', function() {

var name = $(this).data('username');
if (name) {
window.location = '/player_detail?username=' + name;
}
});​

正如本文中提到的 answer

if (name) {            
}

如果值不为 true,则计算结果为 true:

  • 未定义
  • 空字符串(“”)
  • 0

上面的列表代表了 ECMA/Javascript 中所有可能的假值。

关于javascript - 如何重定向到另一个页面并从表中传递 url 中的参数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14100563/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com