javascript - 如何一次获取一页数据

Question

我在使用 Bootstrap 的 jQuery DataTables 中一次获取行数时遇到问题。首先，下面的代码从数据库中获取全部数据并开始分页。

但我希望一次加载一页数据。

我的 PHP 代码是:

<table id="example1" class="table table-bordered table-striped">
    <thead>
    <tr>
    <th> Name</th>
    <th>category</th>
    <th>Location</th>

    </tr>
    </thead>
    <tbody>
    <?php foreach ($datastat as $row) {

    ?>
    <tr>
    <td><?php echo $row['fname'];?> <?php echo $row['mname'];?> <?php echo $row['lname'];?></a></td>
    <td><?php echo $row['category'];?></td>
    <td><?php echo $row['location'];?></td>
    </tr>
    <?php }?>

    </tbody>
    <tfoot>
    <tr>
    <th> Name</th>
    <th>category</th>
    <th>Location</th>

    </tr>
    </tfoot>
    </table>     

我的 JavaScript 代码是:

 $(function() {
    $('#example1').dataTable({
       "bPaginate": true,
       "bLengthChange": true,
       "bFilter": true,
       "bSort": true,
       "pageLength": 10
    });
 });

Answer 1

您需要实现服务器端处理才能从服务器一次检索一页，请参阅 this example .

幸运的是，DataTables 发行版包含 PHP 类 ssp.class.php和 sample code这使得它相当容易与 PHP 一起使用。