鍍金池/ 問答/Android  HTML/ datatable處理大數(shù)據(jù)耗時(shí)太久了

datatable處理大數(shù)據(jù)耗時(shí)太久了

1500條數(shù)據(jù)左右平均需要七八秒

 $.ajax({
        url: NodejsUrls + "data/query",
        type: "post",
        data: {
            req: str
        },
        success: function(data, textStatus) {
            var data_arr = data.data;
            if (tabTable1 != null) {
                tabTable1.fnDestroy();
                tabTable1.fnDraw();
            }
            tabTable1 = $("#tab1").dataTable({
                "data": data.data,
                "bDestroy": true,
                "bPaginage": "true",
                "iDisplayLength": 10,
                "serverSide": true,
                "bRetrieve": true,
                "bAutoWidth": false,
              //"ajax": {
              //    "url": NodejsUrls + "data/query",  找的延遲加載好像用的不對(duì)
              //    "deferRender": true
              //},
                paging: true,
                "sPaginationType": "full_numbers",
                "dom": 'f<"toolbar1"><"divScroll1" t><"redirectPage1"><"tabFootbar1" ip><"clear">', //下拉框,創(chuàng)建的div ,table,信息,分頁條               
                'aoColumnDefs': [{
                    'data': 'record_time',
                    'sTitle': '時(shí)間',
                    "aTargets": [0],
                    "sClass": "text-center",
                    "render": function(data, type, full) {
                        return new Date(data*1000).format("yyyy-MM-dd hh:mm:ss");
                    },
                    'sDefaultContent': ''
                }, {
                    'data': 'up_rxnb',
                    'sTitle': '上行幀數(shù)量',
                    "aTargets": [1],
                    "sClass": "text-center",
                    'sDefaultContent': ''
                }, {
                    'data': 'up_sumload',
                    'sTitle': '上行幀總長',
                    "aTargets": [2],
                    "sClass": "text-center",
                    'sDefaultContent': ''
                }, {
                    'data': 'up_rssi',
                    'sTitle': '上行RSSI',
                    "aTargets": [3],
                    "sClass": "text-center",
                    'sDefaultContent': ''
                }, {
                    'data': 'up_snr',
                    'sTitle': '上行SNR',
                    "aTargets": [4],
                    "sClass": "text-center",
                    'sDefaultContent': ''
                }, {
                    'data': 'down_txnb',
                    'sTitle': '下行幀數(shù)量',
                    "aTargets": [5],
                    "sClass": "text-center",
                    'sDefaultContent': ''
                }, {
                    'data': 'down_sumload',
                    'sTitle': '下行幀總長',
                    "aTargets": [6],
                    "sClass": "text-center",
                    'sDefaultContent': ''
                }, {
                    'data': 'up_sfnb',
                    'sTitle': 'up_sfnb',
                    "aTargets": [7],
                    "sClass": "hidden",           
                    'sDefaultContent': ''
                }, {
                    'data': 'up_snrnb',
                    'sTitle': 'up_snrnb',
                    "aTargets": [8],
                    "sClass": "hidden",
                    'sDefaultContent': ''
                }, {
                    'data': 'up_rssinb',
                    'sTitle': 'up_rssinb',
                    "aTargets": [9],
                    "sClass": "hidden",
                    'sDefaultContent': ''
                }, {
                    'data': 'up_chnonb',
                    'sTitle': 'up_chnonb',
                    "aTargets": [10],
                    "sClass": "hidden",
                    'sDefaultContent': ''
                }, {
                    'data': 'up_loadnb',
                    'sTitle': 'up_loadnb',
                    "aTargets": [11],
                    "sClass": "hidden", 
                    'sDefaultContent': ''
                }, {
                    'data': 'up_toa',
                    'sTitle': 'up_toa',
                    "aTargets": [12],
                    "sClass": "hidden",                    
                    'sDefaultContent': ''
                }, {
                    'data': 'down_sfnb',
                    'sTitle': 'down_sfnb',
                    "aTargets": [13],
                    "sClass": "hidden",                    
                    'sDefaultContent': ''
                }, {
                    'data': 'down_chnonb',
                    'sTitle': 'down_chnonb',
                    "aTargets": [14],
                    "sClass": "hidden",                    
                    'sDefaultContent': ''
                }, {
                    'data': 'down_loadnb',
                    'sTitle': 'down_loadnb',
                    "aTargets": [15],
                    "sClass": "hidden",                    
                    'sDefaultContent': ''
                }, {
                    'data': 'down_toa',
                    'sTitle': 'down_toa',
                    "aTargets": [16],
                    "sClass": "hidden",                    
                    'sDefaultContent': ''
                }],
                "oLanguage": { //多語言配置
                    "sLengthMenu": "每頁顯示 _MENU_ 條記錄",
                    "sZeroRecords": "對(duì)不起,查詢不到任何相關(guān)數(shù)據(jù)",
                    "sEmptyTable": "查詢不到任何相關(guān)數(shù)據(jù)",
                    "sInfo": "當(dāng)前顯示 _START_ 到 _END_ 條,共 _TOTAL_ 條記錄",
                    "sInfoEmtpy": "找不到相關(guān)數(shù)據(jù)",
                    "sInfoFiltered": "(數(shù)據(jù)表中共為 _MAX_ 條記錄)",
                    "sProcessing": "正在加載中...",
                    "sSearch": "過濾",
                    "sUrl": "", //多語言配置文件,可將oLanguage的設(shè)置放在一個(gè)txt文件中,例:Javascript/datatable/dtCH.txt
                    "oPaginate": {
                        "sFirst": "首頁",
                        "sPrevious": "<",
                        "sNext": ">",
                        "sLast": "尾頁 "
                    }
                }
            });

好慢啊 慢死了

回答
編輯回答
她愚我

你應(yīng)該在服務(wù)端分頁,而不是在客戶端分頁

2018年7月9日 01:36
編輯回答
陌南塵

首先POST請(qǐng)求會(huì)發(fā)起兩次TCP發(fā)包,通信過程一般會(huì)慢一點(diǎn),
另外,如果數(shù)據(jù)量很大,不建議使用<table>布局,table會(huì)等到全部數(shù)據(jù)組裝好以后才會(huì)顯示,可以使用<div>模擬table

2017年5月29日 00:58