如何在php中对表格进行排序并在发布PHP后保持表格排序

时间:2018-08-18 13:29:42

标签: javascript php html html-table

我尝试了几种方法来对表进行排序并保持其排序,但是所有我发现的方法都是在我“发布”页面或刷新页面后将排序恢复为页面的原始格式。

我的问题是,有什么办法可以对我的表进行排序,并在刷新页面或发布后保持其排序。有什么想法吗?

这是我的index.php,我在其中调用每1秒发布一次我的ajax.php

    <script type="text/javascript">
var timer = 1000;
$(document).ready(function() {
    function loaddata() { $.ajax({ type: 'POST', url: 'ajax.php', dataType: 'html', success: function(data) { $('#load').html(data); setTimeout(loaddata, timer); }}); }
    loaddata();
});
</script>

这是我的ajax.php,我在其中使用echo创建表

    <table class="tablestyle1">
<tbody>
<tr>
<td width="120" align="center" class="title">Balance</td>
<td width="120" align="center" class="title">Ewuity</td>
<td width="120" align="center" class="title">Used</td>
<td width="120" align="center" class="title">Usable</td>
<td width="120" align="center" class="title">Gross</td>
<tr>
<td align="center"><?php echo $csv2[0][0]; ?></td>
<td align="center"><?php echo $csv2[0][1]; ?></td>
<td align="center"><?php echo $csv2[0][2]; ?></td>
<td align="center"><?php echo $csv2[0][3] ?></td>
<td align="center"><?php echo $csv2[0][4]; ?></td>
<tr>
<td align="center" <?php colorize3($csv2[1][0], true); ?>><?php echo $csv2[1][0]; ?></td>
<td align="center" <?php colorize3($csv2[1][1], true); ?>><?php echo $csv2[1][1]; ?></td>
<td align="center" ><?php echo $csv2[1][2]; ?></td>
<td align="center" ><?php echo $csv2[1][3]; ?></td>
<td align="center" ><?php echo $csv2[1][4]; ?></td>
<tr>
<td align="center"><?php echo $csv2[4][0]; ?></td>
<td align="center"><?php echo $csv2[4][1]; ?></td>
<td align="center"><?php echo $csv2[4][2]; ?></td>
<td align="center"><?php echo $csv2[4][3] ?></td>
<td align="center"><?php echo $csv2[4][4]; ?></td>
<tr>
<td align="center" <?php colorize4($csv2[5][0], true); ?>><?php echo $csv2[5][0]; ?></td>
<td align="center" <?php colorize4($csv2[5][1], true); ?>><?php echo $csv2[5][1]; ?></td>
<td align="center" <?php colorize4($csv2[5][2], true); ?>><?php echo $csv2[5][2]; ?></td>
<td align="center" <?php colorize4($csv2[5][3], true); ?>><?php echo $csv2[5][3]; ?></td>
<td align="center" <?php colorize4($csv2[5][4], true); ?>><?php echo $csv2[5][4]; ?></td>
</tr></tr></tr></tr></tr>
</tbody></table>

1 个答案:

答案 0 :(得分:0)

它的工作原理就是这样...

其中fieldName是要排序的字段,而sortOrderASCDESC

$.ajax({
    type: 'POST',
    url: 'ajax.php',

    data: {
        sortBy: fieldName,
        sortOrder: sortOrder
    },

    dataType: 'html',
    success: function(data) {
        $('#load').html(data);
        setTimeout(loaddata, timer);
    }
});

这两个后字段的值将进入SQL查询的ORDER BY条件。