我正在初始化一个dataTable并使用ajax函数来加载数据。服务器端是spring mvc + hibernate。
以下是初始化数据表的代码
$('.hist_data').on('click', function(){
$('.myTable').dataTable( {
"bProcessing": true,
"bServerSide": true,
"bJQueryUI": true,
"sAjaxSource": "/application-monitor/getTableData",
"fnServerData" : function(sSource, aoData, fnCallback) {
request = $.ajax({
"dataType" : "json",
"type" : "POST",
"url" : sSource,
"data" : aoData,
"success" : fnCallback
});
},
"aoColumns": [
{ "mData": "id" },
{ "mData": "name" },]
} );
});
/ application-monitor / getTableData返回一个对象列表(一个具有ID和名称的Java Bean)。
当我运行它时,我在页面中没有看到任何数据,我也使用firebug对其进行了调试,但是在初始化时没有看到任何问题。
任何帮助表示赞赏。
您的代码对我来说正常工作。
我创建了一些基本的标记,如下所示:
<div class="hist_data">Click here</div>
<table class="myTable"></table>
然后我做了一个测试后端,返回了json,如下所示:
{"aaData": [
{"id":"1","name":"One"},
{"id":"2","name":"Two"}
]}
结合您提供的javascript以及指向jquery和dataTables脚本的一些链接,这是我要做的全部工作。
我怀疑问题出在您的后端代码中。特别要注意的是,您应该返回一个带有包含项目数组的aaData字段的对象。您不能只返回数组本身。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句