Question

我需要在点击标题链接时对表格进行排序。单击链接第一次表时应该单击下一个时间表时按升序排序应按降序排序。我写了PHP后端代码它工作正常。但我不知道如何使用Javascript点击链接时传递所需的参数。

我的表格HTML

<table class="table table-bordered table-striped">
        <thead>
        <tr>
            <th><b>#</b></th>
            <th><b id = "name_sort">Email</b> </th>
            <th ><b >Name</b></th>
            <th><b>Team</b> </th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td></td>
            <td></td>
            <td></td>    
        </tr>
        </tbody>
    </table>

Javascript

 $(function() {
    $('#name_sort').click(function() {
        window.location.href = "http://testdomain.com/admin-home?sort=email&sort_type=asc";
        // when click again i need change the url to descending 
        http://testdomain.com/admin-home?sort=email&sort_type=desc
    });
    });

我不知道如何使用JS在前端实现它。请帮我解决这个问题。

Answer 1

你可以试试这个

PHP：首先获取next sorting type默认为asc

$new_sort_type="asc"
if(isset($_REQUEST['sort_type']))
{
   $sort_type = $_REQUEST['sort_type'];
   if($sort_type=='asc')
   {
         $new_sort_type = 'desc';
   }
}

jquery：现在将new sorting type添加到url中的jquery，如下所示

$(function() {
    $('#name_sort').click(function() {
        window.location.href = "http://testdomain.com/admin-home?sort=email&sort_type=<?php echo $new_sort_type;?>";
                                                                                               ^ here add that variable
    });
});

单击链接时如何对表升序和降序进行排序

1 个答案: