Php 通过ajax获取数据表内容
目前我正在用PHP生成基本表Php 通过ajax获取数据表内容,php,ajax,jquery,datatable,Php,Ajax,Jquery,Datatable,目前我正在用PHP生成基本表 <table id="list" class="display"> <thead> <tr id="hdr"> <th><input type="checkbox" id="check_all"/> ID</th> <th>R
<table id="list" class="display">
<thead>
<tr id="hdr">
<th><input type="checkbox" id="check_all"/> ID</th>
<th>Ref. No</th>
<th>Color</th>
<th>Size</th>
<th>Quantity</th>
<th>Stack NO</th>
<th>Price</th>
<th>Add Date</th>
</tr>
</thead>
<tbody>
<?php
$result = $db->query("SELECT * FROM `items` ORDER BY id DESC");
if ($result->num_rows > 0) {
while ($row = $result->fetch_object()) {
echo '<tr url="?page=item&id=' . $row->id . '">
<td class="item_id"><input type="checkbox" name="checkbox[]" method="post" value="' . $row->id . '" class="checkbox"/> ' . $row->id . '</td>
<td> ' . $row->refno . '</td>
<td style="text-align:center">' . $row->color . '</td>
<td style="text-align:center">' . $row->size . '</td>
<td style="text-align:center" id="qt">' . trim($row->qt) . '</td>
<td style="text-align:center">' . $row->stackno . '</td>
<td style="text-align:center">' . $row->price . '</td>
<td>' . date('d.m.Y', strtotime($row->add_date)) . '</td>
</tr>';
}
}
?>
</tbody>
</table>
有一个很大的问题:
目前我的表大约有2000行。生成和加载整个表需要很长时间。(首先生成applieas datatables),然后生成applieas datatables)如何修改此脚本以通过ajax逐页获取内容?datatables API中有完整的方法和示例,用于使用本地或服务器源为动态表使用json数据
即使下载包中也包含这些示例在datatables API中有完整的方法和示例,用于使用本地或服务器源为动态表使用json数据
即使下载包中包含这些示例,您似乎也需要利用分页。dataTables的示例显示,它为此提供了继承支持 这里有一个完整的功能示例,向您展示了它们是如何实现分页的
祝你好运。看来你需要利用分页。dataTables的示例显示,它为此提供了继承支持 这里有一个完整的功能示例,向您展示了它们是如何实现分页的
祝你好运。这不仅仅是分页,而是整个服务器端功能。沉迷于分页本身的细节将错过服务器端处理所需的一切。这不仅仅是分页,而是整个服务器端功能。陷入分页本身的细节中会错过服务器端处理所需的一切;所有的例子都在那里。我的第一个数据表项目使用服务器端,我从来没有想过它是隐藏的;我寻找它,它就在那里:同意;所有的例子都在那里。我的第一个数据表项目使用服务器端,我从来没有想过它是隐藏的;我寻找它,它就在那里:
oTable= $('#list').dataTable( {
"bJQueryUI": true,
"iDisplayLength": 25,
"aaSorting": [],
"aoColumns": [
{
"bSortable": false
},
null, null, null,null,null, null, null
]
} ).columnFilter({
sPlaceHolder: "head:before",
aoColumns: [ null, null, null,null,null, null, null,
{
type: "date-range"
}
]
});