javascript - 单击链接时如何对表格升序和降序排序

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:首先获取下一个排序类型默认为asc

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

jquery :现在将新排序类型添加到jquery中的url，如下所示

$(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
    });
});