【问题标题】:How to fetch the data for one page at a time如何一次获取一页的数据
【发布时间】:2016-01-31 07:01:09
【问题描述】:

我在使用 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
    });
 });

【问题讨论】:

  • 文档站点上有服务器端分页演示和服务器端连接器
  • 这可能是因为 jquery 在错误的时间被调用(行没有准备好)。我会将所有这些数据发送到客户端,然后使用 JavaScript 或 JQuery 创建表行。然后进行 JQuery 调用。或者做@charlietfl 提到的。
  • @devtye 行怎么可能没有准备好...该表正在服务器端生成。不可能发生
  • @charlietfl 好电话,你是对的。你认为发生了什么?
  • 没什么错...我理解 OP 希望页面上的数据更少

标签: javascript php jquery twitter-bootstrap datatables


【解决方案1】:

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

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

【讨论】:

  • 感谢您的回答 Gyrocode 但它仅适用于单个表。如何为另一个表的一个主键的 id 做。
猜你喜欢
  • 2021-12-22
  • 1970-01-01
  • 1970-01-01
  • 2021-01-04
  • 1970-01-01
  • 2023-03-16
  • 2020-04-06
  • 2021-12-22
  • 2022-01-23
相关资源
最近更新 更多