如何在另一个页面上重定向并从表中传递 url 中的参数?
Posted
技术标签:
【中文标题】如何在另一个页面上重定向并从表中传递 url 中的参数?【英文标题】:How to redirect on another page and pass parameter in url from table? 【发布时间】:2012-12-15 13:14:39 【问题描述】:我在 tornato 模板中创建了类似的东西
<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');"
,但不知道如何输入结果['username']。
如何做到这一点?
【问题讨论】:
【参考方案1】:将用户名设置为按钮的data-username
属性,同时也是一个类:
<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)
如果值不是,则评估为真:
空 未定义 NaN 空字符串(“”) 0 假上面的列表代表了 ECMA/Javascript 中所有可能的虚假值。
【讨论】:
有一个小错误:函数之前的“(”不应该存在。 对名称 var 的检查不应该是 &&,而不是 ||? 一个问题,如果我想传递 3 个参数来构建另一个 url n img 我必须和你的答案一样吗?【参考方案2】:这是一个不依赖 JQuery 的通用解决方案。只需修改window.location的定义即可。
<html>
<head>
<script>
function loadNewDoc()
var loc = window.location;
window.location = loc.hostname + loc.port + loc.pathname + loc.search;
;
</script>
</head>
<body onLoad="loadNewDoc()">
</body>
</html>
【讨论】:
【参考方案3】:这样做:
【讨论】:
【参考方案4】:绑定按钮,这是用jQuery完成的:
$("#my-table input[type='button']").click(function()
var parameter = $(this).val();
window.location = "http://yoursite.com/page?variable=" + parameter;
);
【讨论】:
以上是关于如何在另一个页面上重定向并从表中传递 url 中的参数?的主要内容,如果未能解决你的问题,请参考以下文章