Question

如何在另一个页面上重定向并从表中传递url中的参数？我在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']放入其中。怎么做？

Answer 1

将用户名设置为按钮的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＆amp;＆amp; null使用：

$(document).on('click', '.btn', function() { var name = $(this).data('username'); if (name) { window.location = '/player_detail?username=' + name; } });

正如在answer
中提到的那样
if (name) { }
如果值不是，
将评估为true：

null

undefined

NaN

空字符串（“”）

0

假

以上列表表示ECMA / Javascript中所有可能的错误值。

Answer 2

这样做：

<script type="text/javascript">
function showDetails(username)
{
   window.location = '/player_detail?username='+username;
}
</script>

<input type="button" name="theButton" value="Detail" onclick="showDetails('username');">

Answer 3

绑定按钮，这是通过jQuery完成的：

$("#my-table input[type='button']").click(function(){
    var parameter = $(this).val();
    window.location = "http://yoursite.com/page?variable=" + parameter;
});

Answer 4

这是一个不依赖于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>

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

4 个答案: