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

我有一个问题，每次使用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
    });
 });

参考方案

您需要实施服务器端处理，以便一次从服务器检索一页，请参见this example。

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

PHP等待Javascript调用 - javascript

我正在编写一个简单的应用程序。从C我正在将ReST API调用到server.php。在sever.php中，一旦我收到来自C的请求，就必须发送一些Data-X。当用户单击按钮时，此Data-X由javascript发送。但是我不知道如何从javscript获取Data-X。 GET c ----> php | <--- JS (waits (h…

PHP stringID无法从回显中读入onclick - javascript

我有一个音频播放器，可以在HTML中正常工作，但是当我从PHP回显调用时，似乎没有得到div ID的名称，因此它无法播放我的音频。这是我的代码：// Show audio if ($sObj->get('audio') != null) { $sAudio = $sObj->get('audio'); $a…

如何从单独的javascript文件引用PHP变量？ - javascript

            说我有someJavascript.js文件和somePHP.php文件。在我的php文件中，我有一些$foo。如果var something = $foo位于其他文件中，该如何设置？我尝试过的事情：var something = '<?php echo $foo ?>';-这只是给了我一串完全相同的短…

提交初始化后删除某些帖子数据 - javascript

在初始化提交之后但在将数据发送到处理页面之前，是否可以过滤$ _POST表单数据？我想象过程的方式：提交->收集$ _POST数据->发送数据我想做的事：提交->收集$ _POST数据->删除某些元素->发送数据这样就不必更改处理页面以过滤掉不希望接收的元素了吗？ javascript大神给出的解决方案 当然可以，您可以在JS …

用多个通配符替换正则表达式可在PHP中工作，而不能在JavaScript中工作 - javascript

我正在尝试为两个Markdown解析器实现中心对齐：在Parsedown的PHP中（成功）在Bootstrap Markdown的JavaScript中（未成功）我遵循并找到最简单的方法是使用最终的HTML输出，只需将内联样式捕捉到标签上即可。以下正则表达式可以满足我的需要，它会根据需要将style="text-align:center;"…