Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在php中对表进行排序,并在发布php后保持表的排序_Javascript_Php_Html_Html Table - Fatal编程技术网

Javascript 如何在php中对表进行排序,并在发布php后保持表的排序

Javascript 如何在php中对表进行排序,并在发布php后保持表的排序,javascript,php,html,html-table,Javascript,Php,Html,Html Table,我尝试了几种方法对一个表进行排序并保持其排序,但所有我发现的方法都会在我“发布”页面或刷新页面后将排序返回到页面的原始格式 我的问题是,有没有办法对我的表进行排序,并在页面刷新或发布后保持其排序。有什么想法吗 这是我的index.php,我每1秒调用一次来发布我的ajax.php <script type="text/javascript"> var timer = 1000; $(document).ready(function() { function loadd

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

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

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

无功定时器=1000;
$(文档).ready(函数(){
函数loaddata(){$.ajax({type:'POST',url:'ajax.php',dataType:'html',success:function(data){$('#load').html(data);setTimeout(loaddata,timer);}}
loaddata();
});
这是我的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>

平衡
效率
使用
实用的
粗俗的

它的工作原理是这样的

其中,
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);
    }
});
这两个post字段的值将进入SQL查询的
ORDER BY
条件