DataTables-fnServerData中的自定义AJAX请求不起作用

拉乌尔·帕斯里卡(rahul Pasricha)

我正在初始化一个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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章