未显示DataTables加载消息

未显示DataTables加载消息,datatables,jquery-datatables,Datatables,Jquery Datatables,我在这件事上没有其他的答案,所以我来了。我用一些MySQL数据填充表,在数据准备好显示之前,它不会被绘制出来,而且由于数据需要花费时间,我希望弹出一条消息。这是完整的代码 函数getData(startDate,endDate){ $.ajax({ url:“/getData”, 键入:“post”, contentType:“应用程序/json”, processData:false, 数据类型:“json”, 数据:JSON.stringify({startDate:startDate,en

我在这件事上没有其他的答案,所以我来了。我用一些MySQL数据填充表,在数据准备好显示之前,它不会被绘制出来,而且由于数据需要花费时间,我希望弹出一条消息。这是完整的代码

函数getData(startDate,endDate){ $.ajax({ url:“/getData”, 键入:“post”, contentType:“应用程序/json”, processData:false, 数据类型:“json”, 数据:JSON.stringify({startDate:startDate,endDate:endDate}), 完成:函数(数据){ $(“#脱机”).dataTable({ “aaData”:data.responseJSON[0], “bProcessing”:正确, “列”:[ {“sWidth”:“25%”,“sTitle”:“Myfield1”,“mDataProp”:“field1”}, {“sWidth”:“25%”,“sTitle”:“Myfield2”,“mDataProp”:“field2”}, {“sWidth”:“25%”,“sTitle”:“Myfield3”,“mDataProp”:“field3”}, {“sWidth”:“25%”,“sTitle”:“Myfield4”,“mDataProp”:“field4”, “mRender”:函数(数据、类型、完整){ 返回数据+'%'; } } ], “语言”:{ “sUrl”:“/javascripts/i18n/dataTables.modified.json” }, “aaSorting”:[[0,“desc”]], “bSort”:错误, “bInfo”:假, “bPaginate”:错误, “bFilter”:错误 }); } }); } 就我所读到的内容而言,我需要将
b处理
设置为true,并使用
sDom
参数执行一些操作,但我无法使其正常工作


谢谢。

我认为没有显示处理消息,因为在初始化datatable(在ajax“complete”回调中)时,数据已经加载,因此不需要显示处理消息。如果首先初始化datatable并使用sAjaxSource加载数据,它将按预期工作:

var oTable = $("#offline").dataTable({                                           
    'bServerSide': true,
    'fnServerParams': function (aoData) {
       aoData.push({ "name": "startDate", "value": $('#startDate').val() });
       aoData.push({ "name": "endDate", "value": $('#endDate').val() });
     },
     'sAjaxSource': "/getData",
    'bProcessing': true,                     
    "aoColumns": [                              
        { "sWidth": "25%","sTitle": "Myfield1", "mDataProp": "field1"},
        { "sWidth": "25%","sTitle": "Myfield2", "mDataProp": "field2"},
        { "sWidth": "25%","sTitle": "Myfield3", "mDataProp": "field3"},
        { "sWidth": "25%","sTitle": "Myfield4", "mDataProp": "field4",
            "mRender": function ( data, type, full ) {                                               
                        return data + ' %';
                    } 
                }
    ],              
    "oLanguage": {
        "sUrl": "/javascripts/i18n/dataTables.modified.json"
    },                  
    "aaSorting": [[ 0, "desc" ]],
    "bSort": false,
    "bInfo" : false,                                
    "bPaginate": false,
    "bFilter": false
});

请注意,我正在使用
fnServerParams
传递开始和结束日期参数,但您也可以将它们添加到url的末尾:
/getData?startDate=

我认为处理消息没有显示,因为在初始化datatable时(在ajax“complete”回调中),数据已加载,因此无需显示处理消息。如果首先初始化datatable并使用sAjaxSource加载数据,它将按预期工作:

var oTable = $("#offline").dataTable({                                           
    'bServerSide': true,
    'fnServerParams': function (aoData) {
       aoData.push({ "name": "startDate", "value": $('#startDate').val() });
       aoData.push({ "name": "endDate", "value": $('#endDate').val() });
     },
     'sAjaxSource': "/getData",
    'bProcessing': true,                     
    "aoColumns": [                              
        { "sWidth": "25%","sTitle": "Myfield1", "mDataProp": "field1"},
        { "sWidth": "25%","sTitle": "Myfield2", "mDataProp": "field2"},
        { "sWidth": "25%","sTitle": "Myfield3", "mDataProp": "field3"},
        { "sWidth": "25%","sTitle": "Myfield4", "mDataProp": "field4",
            "mRender": function ( data, type, full ) {                                               
                        return data + ' %';
                    } 
                }
    ],              
    "oLanguage": {
        "sUrl": "/javascripts/i18n/dataTables.modified.json"
    },                  
    "aaSorting": [[ 0, "desc" ]],
    "bSort": false,
    "bInfo" : false,                                
    "bPaginate": false,
    "bFilter": false
});

请注意,我正在使用
fnServerParams
传递开始和结束日期参数,但您也可以将它们添加到url的末尾:
/getData?startDate=

还有一件事需要注意……您必须将dom代码“r”包含到datatables创建脚本中

dom: "r",
processing: true,

还有一件事需要注意……您必须在datatables创建脚本中包含dom代码“r”

dom: "r",
processing: true,

谢谢你,马克。但是这个调用抛出了一个404错误。我不明白,因为url确实存在。有什么想法吗?你试过使用完整的url而不是仅仅使用
/getData
?同样,datatables弹出警告错误,你能浏览到url吗?不知道如何回答。我在一条
node.js
/
express
模块化路线上。此路由有两个
.jade
文件和一个
index.js
文件。在
.js
文件中,我有我所有的
app.get
app.post
,其中一个是
app.post('/getData',function(req,res){…})如何浏览?谢谢Mark。但是这个调用抛出了一个404错误。我不明白,因为url确实存在。有什么想法吗?你试过使用完整的url而不是仅仅使用
/getData
?同样,datatables弹出警告错误,你能浏览到url吗?不知道如何回答。我在一条
node.js
/
express
模块化路线上。此路由有两个
.jade
文件和一个
index.js
文件。在
.js
文件中,我有我所有的
app.get
app.post
,其中一个是
app.post('/getData',function(req,res){…})如何浏览那里?