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

【问题标题】：How to sort a table in php and keep table sorted after Posting the PHP如何在php中对表格进行排序并在发布PHP后保持表格排序
【发布时间】：2019-01-25 07:25:44
【问题描述】：

我已经尝试了几种方法来对表格进行排序并使其保持排序，但是我发现的所有方法在我“发布”页面或刷新页面后都会将排序返回到页面的原始格式......

我的问题是，有什么方法可以对我的表格进行排序并在页面刷新或 Post 后保持排序。有什么想法吗？

这是我的 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>

【问题讨论】：

标签： javascript php html html-table

【解决方案1】：

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

fieldName 是排序依据，sortOrder 是 ASC 或 DESC：

$.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 条件。

【讨论】：