TableSorter + AJAX 从 MySQL 获取数据答案

【问题标题】：TableSorter + AJAX to get data from MySQLTableSorter + AJAX 从 MySQL 获取数据
【发布时间】：2014-03-11 13:18:09
【问题描述】：

我已经设法将tablesorter集成到Joomla模板中，以便将K2 Categories中的K2 Extra Fields的内容显示到表格中。

布局和功能100%如我所愿，完美！！它甚至还使用 Joomla ACL 来限制行数据！

但是，只有 1800 个 K2 项目的样本，页面需要很长时间才能加载，并且数量只会越来越大。

我查看了用于服务器端加载的 AJAX，但在我的一生中，我只是不了解能够让 AJAX 发挥作用的文档。

目前我正在使用引导表排序器，如下所示：http://mottie.github.io/tablesorter/docs/example-widget-bootstrap-theme.html

有什么更快加载数据的建议吗？

对非编码人员的任何帮助将不胜感激。

【问题讨论】：

你能分享一些代码吗？

标签： jquery mysql ajax twitter-bootstrap tablesorter

【解决方案1】：

您必须创建自己的导航分页并从数据库中逐页加载数据，使用 SQL 查询 LIMIT 和 OFFSET 进行控制，并使用 AJAX 按需加载。

//This is PHP code:

$totalRecord = ??? //get this using SELECT COUNT
$totalRecordPerPage = 50; //this is up to you!!!

//get total pages
$totalPage = floor($totalRecord / $totalRecordPerPage); //floor;
$modResult = $totalRecord % $totalRecordPerPage; 
if ($modResult <> 0)
    $totalPage++;

$pageNo =  $_GET["pageno"]; //FROM AJAX GET

//set the SQL limit and offset
$limit = $totalRecordPerPage;
$offset = (($pageNo - 1) * $totalRecordPerPage);

$sql = "SELECT bla bla bla
        FROM bla1, bla2
        WHERE bla bla bla
        ORDER BY bla blabla ASC  
        limit $limit
        offset $offset";   

$sqlResult = mysql_query($sql, $con); //this is only an example, use PDO for security
//create JSON from result 
//use that JSON to update tablesorter

//JAVASCRIPT AJAX
//tblHTML is a tr and td that contain JSON data from the AJAX result 
$("#tblbody").html(tblHTML);
$(".tablesorter").trigger("update");

永远不要一次加载所有数据

【讨论】：