【问题标题】:DataTable server side processing not working with Spring MVCDataTable 服务器端处理不适用于 Spring MVC
【发布时间】:2018-05-16 05:54:51
【问题描述】:

我为我的数据表添加了一个 AJAX 请求。它工作正常。但是当我添加 "serverSide": true 时,DataTables 什么也没显示。

<script>

        $(document).ready(function () {
            var tableProduct = $('#example2').DataTable({"bInfo": false
                , "bLengthChange": false
                , "bSort": false
                , "oLanguage": {"sZeroRecords": "", "sEmptyTable": ""}
                , "processing": true
                ,  serverSide: true
                , ajax : '${pageContext.request.contextPath}/restservice/ViewProduct'
            });
            $.ajax({
                type: 'GET',
                url: '${pageContext.request.contextPath}/restservice/ViewProduct',
                success: function (result) {
                    var jString = JSON.stringify(result);
                    var jdata = JSON.parse(jString);
                    for (var x = 0; x < jdata.length; x++) {
                        var td1 = jdata[x].serialNo;
                        var td2 = jdata[x].slsiUnit;
                        var td3 = jdata[x].itemDesc;
                        var td4 = jdata[x].slsNo;
                        var td5 = jdata[x].hsCode;
                        var td6 = jdata[x].hsCode;
                        var td7 = jdata[x].hsCode;
                        tableProduct.row.add([td1, td2, td3, td4, td5, td6, td7]).draw(true);
                    }
                }
            });

        });
    </script>

【问题讨论】:

    标签: jquery ajax jsp spring-mvc datatables


    【解决方案1】:

    服务器端处理不起作用的最常见原因是 draw 变量(每页数据在 DataTables 术语中称为 draw)未返回为它是在请求中设置的。 DataTables 使用 draw 来保持绘制次数,因此这是一个重要的参数。

    请参阅 server-side usage 以检查 DataTables 发送到服务器的参数以及它期望返回给它的 JSON 数据。


    除此之外,在您的代码中,您再次向同一个 url 发出单独的 ajax 请求,然后生成似乎不正确的表,因为 DataTables 会处理这个问题。您只需发送data in acceptable format

    【讨论】:

    • 如何修理我的电源线...你能帮帮我吗
    • @NipunVidarshana 实际上您的问题非常广泛。可以关注DataTables server-side usage doc查看DataTables需要哪些参数来渲染表格。
    猜你喜欢
    • 1970-01-01
    • 2015-12-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-11-29
    • 2019-04-10
    • 1970-01-01
    相关资源
    最近更新 更多