如何使用HTML、JQUERY、PHP和MYSQL对数据进行分页以缩短动态加载时间

Question

我有一个由1400+行组成的表格，每天增加大约20行会让我的页面变慢

我使用while循环来生成表格的行和列，还有一些如下所示的JS

<?php
$cp=0
while($row=mysqli_fetch_array($rs)){
        $cp++;
        $editid = $row['id'];   
       $ccperson = $row['cperson'];
?>
        <tr>
        <td span id="cperson<?php echo $cp;?>"><?php echo $ccperson;?></span></td>
        <Input id="cperson_input<?php echo $cp;?>" style="display:none"/>
       <script type="text/javascript">
        // On double click show the input box
$( "#cperson<?php echo $cp;?>" ).dblclick(function() {
    getsetEdit('<?php echo $cp;?>','<?php echo $editid;?>', 'cperson');
    });
</script>
<?php
</tr>
}
?>

有可能在一只苍蝇上完成这件事吗？

Answer 1

当然，您的页面必须随着时间的推移而变慢。这是因为数据会随着时间的推移而增加(每天20个)。加载大量数据会导致处理时间变慢，甚至导致浏览器崩溃。您要查找的内容称为分页。它是分步加载数据。你可能已经在facebook上看到，在向下滚动后，加载了更多的数据。这是为了避免你遇到的问题。关于pagination.You的研究可以使用AJAX、JQUERY和PHP来实现。