jQuery DataTables加载大数据

时间:2013-09-03 19:36:41

标签: php jquery

如何将数据库中的大数据加载到jquery数据表中?

        $(document).ready(function(){
            $('#datatables').dataTable({
                "sPaginationType":"full_numbers",
                 "aaSorting": [[0, 'asc'], [1, 'desc']],
                 "sScrollY": "200px",
                "bJQueryUI":true
            });
        })

xnod_kode表上的总数据> 10000条记录???

                <?php

                $result = mysql_query("SELECT * FROM xnod_kode limit 10");
                $no = 1;
                while ($row = mysql_fetch_array($result)) {
                    ?>
                    <tr>
                        <td><?php echo $no; ?></td>
                        <td><?php echo $row['kodepos']?></td>
                        <td><?php echo $row['kelurahan']?></td>
                        <td><?php echo $row['kecamatan']?></td>
                    </tr>
                    <?php
                    $no++;
                }
                ?>

4 个答案:

答案 0 :(得分:2)

通常,DataTables通过AJAX分页和获取数据来处理非常大量的数据:http://datatables.net/examples/data_sources

如果您的数据不一致,且> 100,000条记录更多是异常情况,您可以考虑使用DataTables滚动条插件:http://datatables.net/extras/scroller/。这创造了非常优越的用户体验,并且可以在适当的条件下处理数万行。为了获得最佳性能,您可能希望从脚本中删除默认排序并将其放在PHP中。

答案 1 :(得分:1)

这是准备好功能下的javascript代码

$('#myDatatable').dataTable({
    sAjaxSource : 'jsonfiledemo.txt'
});

这是html表

<table id="myDatatable">
<thead>
    <tr>
        <th>data heading 1</th>
        <th>data heading 2</th>
        <th>data heading 3</th>
    </tr>
</thead>
<tbody>
</tbody>

jsonfiledemo.txt jsone file

    {
        "sEcho": 0,
        "iTotalRecords": "34635",
        "iTotalDisplayRecords": "34635",
        "aaData": [
            [
                "title1",
                "another handling...",
                "Authored"                
            ],
           [
                "new title",
                "Cookies are used to track valid session on internet websites. another...",
                "Authored",
                "-"
           ]
    ]
}

答案 2 :(得分:0)

最好的方法是使用ajax加载数据。

逐件加载数据

答案 3 :(得分:0)

一种方法是Convert php array to JSON 所有记录并将其提供给JS array。然后解析JSON并将其呈现为表。

但最好的方法是在页面加载时加载一些数据限制。并使用页码链接或表格末尾滚动进行分页(使用AJAX)。