35

如何在另一个页面上重定向并从表中传递 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'] 放入。如何做到这一点？

4

4 回答 4

53

将用户名设置为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;
    }
});​

正如在这个答案中提到的

if (name) {            
}

如果 value 不是，将评估为 true：

  • 无效的
  • 不明确的
  • 钠
  • 空字符串 ("")
  • 0
  • 错误的

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

于 2012-12-31T11:41:12.803 回答
8

Do this : 

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

<input type="button" name="theButton" value="Detail" onclick="showDetails('username');">
于 2012-12-31T10:52:47.550 回答
6

Bind the button, this is done with jQuery:

$("#my-table input[type='button']").click(function(){
    var parameter = $(this).val();
    window.location = "http://yoursite.com/page?variable=" + parameter;
});
于 2012-12-31T10:50:43.200 回答
3

Here is a general solution that doesn't rely on JQuery. Simply modify the definition of 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>
于 2016-08-10T13:22:37.153 回答