DataTables 警告（表 id = 'example'）：从第 0 行的数据源请求未知参数 'clientId'

【问题标题】：DataTables warning (table id = 'example'): Requested unknown parameter 'clientId' from the data source for row 0DataTables 警告（表 id = 'example'）：从第 0 行的数据源请求未知参数 'clientId'
【发布时间】：2013-11-15 07:51:23
【问题描述】：

我无法解决错误，我查看了许多网站上给出的所有建议。任何建议都会非常有帮助。提前致谢。

jQuery 代码：

$(document).ready(function () {
    var client = {
        "clientId": $('#clientId').val(),
            "firstName": $('#firstName').val(),
            "lastName": null
    };
    var jsonReqString = JSON.stringify(client, function (key, value) {
        if (typeof value == "number") return value;
        if (typeof value == "boolean") return value;
        return value == "" ? null : value;
    });
    $.ajax({
        url: "/SimpleDT/search",
        type: "POST",
        data: jsonReqString,
        dataType: "json",
        jsonp: "cspcb",
        contentType: "application/json",
        timeout: 60000,
        xhrFields: {
            withCredentials: false
        },
        beforeSend: function (xhrObj) {},
        success: function (retdata) {
            alert("retdata = " + retdata);
            //retdata ={"aaData": retdata};

            var result_string = JSON.stringify(retdata, function (key, value) {
                if (typeof value == "number") return value;
                if (typeof value == "boolean") return value;
                if (key == 'clientId' && value == "") return "123321";

                return value == "" ? null : value;
            });

            var objs = jQuery.parseJSON(result_string);

            console.log("result_string data=" + result_string);

            console.log("Obj=" + objs);

            var lang = "";
            $.each(objs, function () {
                lang += this['clientId'] + "--" + this['firstName'] + "--" + this['lastName'] + "--" + this['compName'] + "--" + this['fileNo'] + "--" + this['resiAddr1'] + "--" + this['resiAddr2'] + "--" + this['resiAddr3'] + "--" + this['city'] + "--" + this['pinCode'] + "--" + this['mobileNo1'] + "--" + this['mobileNo2'] + "--" + this['mobileNo3'] + "--" + this['submissionDate'] + "--" + this['reminderDate'];
                console.log(lang);
                lang = "";
            });
            $('#example').dataTable({
                /* "bProcessing": true,
                            "bServerSide": true,
                            "sAjaxSource": "/Spring3Hibernate4Annotation/search",
                            "sServerMethod": "POST", 
                                */
                    "aaData": "result_string",
                /*  "aoColumns" : [ {
                                "mDataProp" : "clientId", sDefaultContent: "n/a" 
                            }, {
                                "mDataProp" : "firstName", sDefaultContent: "n/a" 
                            }, {
                                "mDataProp" : "lastName", sDefaultContent: "n/a" 
                            }, {
                                "mDataProp" : "compName", sDefaultContent: "n/a" 
                            }, {
                                "mDataProp" : "fileNo", sDefaultContent: "n/a" 
                            } ] */

                    "aoColumns": [{
                    "mDataProp": "clientId"
                }, {
                    "mDataProp": "firstName"
                }, {
                    "mDataProp": "lastName"
                }, {
                    "mDataProp": "compName"
                }, {
                    "mDataProp": "fileNo"
                }]
            });

        },
        error: function (jqXHR, textStatus, errorThrown) {
            alert(
                "The following error occured in maintainance Query: " + textStatus, errorThrown);
        }
    });
});

HTML 代码：

<table cellpadding="0" cellspacing="0" border="0" class="display"
    id="example">
    <thead>
        <tr>
            <th width="20%">Client Id</th>
            <th width="25%">First Name</th>
            <th width="25%">Last Name</th>
            <th width="15%">Comp Name</th>
            <th width="15%">File No</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
    <tfoot>
        <tr>
            <th>Client Id</th>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Comp Name</th>
            <th>File No.</th>
        </tr>
    </tfoot>
</table>

示例：我从 spring 控制器收到的 JSON 响应：

[{
    "clientId": "12345",
        "firstName": "fgh",
        "lastName": "",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}, {
    "clientId": "1234",
        "firstName": "",
        "lastName": "",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}, {
    "clientId": "1234765",
        "firstName": "XXXXX",
        "lastName": "sdgg",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}, {
    "clientId": "2222222",
        "firstName": "dghdhfjfj",
        "lastName": "gsjdjkvbcb",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}, {
    "clientId": "2222222123",
        "firstName": "dghdhfjfj",
        "lastName": "gsjdjkvbcb",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}, {
    "clientId": "2312234412",
        "firstName": "fdsffsf",
        "lastName": "fsfggg",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}, {
    "clientId": "2313377",
        "firstName": "fdsffsf",
        "lastName": "fsfggg",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}, {
    "clientId": "23133772",
        "firstName": "ASDFREW",
        "lastName": "Bandalu",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}, {
    "clientId": "23133773",
        "firstName": "SASASAS",
        "lastName": "BDDFFDDDD",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}, {
    "clientId": "23133774",
        "firstName": "SDASADDS",
        "lastName": "DFASDFF",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}, {
    "clientId": "23133775",
        "firstName": "SDASDADD",
        "lastName": "DSADFFFDD",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}, {
    "clientId": "23133776",
        "firstName": "ASSSSS",
        "lastName": "DDDSSSS",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}, {
    "clientId": "23133777",
        "firstName": "LKJKLLKK",
        "lastName": "LPSLDFF",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}, {
    "clientId": "23133778",
        "firstName": "ASDFREW",
        "lastName": "Bandalu",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}, {
    "clientId": "2313389",
        "firstName": "fdsffsf",
        "lastName": "fsfggg",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}, {
    "clientId": "2344",
        "firstName": "fdsffsf",
        "lastName": "fsfggg",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}, {
    "clientId": "234412",
        "firstName": "fdsffsf",
        "lastName": "fsfggg",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}, {
    "clientId": "23441q2",
        "firstName": "fdsffsf",
        "lastName": "fsfggg",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}, {
    "clientId": "23456",
        "firstName": "Rajiv",
        "lastName": "Muddas",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}, {
    "clientId": "33333333",
        "firstName": "Jhon",
        "lastName": "Muddas",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}, {
    "clientId": "3333333333",
        "firstName": "RA",
        "lastName": "Gulit",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}, {
    "clientId": "43568",
        "firstName": "AFSF",
        "lastName": "ADFFGGSDF",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}, {
    "clientId": "444444444",
        "firstName": "Raju",
        "lastName": "cgdhh",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}, {
    "clientId": "55555",
        "firstName": "Jhon",
        "lastName": "Muddas",
        "compName": null,
        "fileNo": null,
        "resiAddr1": null,
        "resiAddr2": null,
        "resiAddr3": null,
        "city": null,
        "pinCode": null,
        "mobileNo1": null,
        "mobileNo2": null,
        "mobileNo3": null,
        "submissionDate": null,
        "reminderDate": null
}]

【问题讨论】：

    标签： spring jquery-ui jquery jquery-datatables


    【解决方案1】：

    我认为您需要在正文中添加 tr 和一些 tds，以便 DataTables 知道在哪里呈现输出：

    <tbody>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</tbody>

    当我的 th 元素数量与我的 td 相比不正确时，我也遇到了类似的错误，所以我认为这是相似的。

    【讨论】：

    • 我尝试了您建议的解决方案，但没有运气。表正在正确加载静态 json，当我分配给表时它只有 json 响应，它没有加载错误。
    【解决方案2】：

    您正在将aaData 设置为字符串"result_string"，您希望将其设置为对象retdata（至少看起来是这样）。

    "aaData": retdata,

    另外aaData 应该是一个数组的数组，但是对象数组可能会起作用。当您使用sAjaxSource 时，通常会使用mDataProp。

    如果您使用sAjaxSource，您可能可以执行以下操作而不是您的 ajax 调用

    $('#example').dataTable({
      "sAjaxSource": "/SimpleDT/search",
      "aoColumns": [{ "mDataProp": "clientId"  }, 
                    { "mDataProp": "firstName" }, 
                    { "mDataProp": "lastName"  }, 
                    { "mDataProp": "compName"  }, 
                    { "mDataProp": "fileNo"    }],
      "fnServerData": function( sUrl, aoData, fnCallback, oSettings ) {
        oSettings.jqXHR = $.ajax( {
            url: sUrl,
            type: "POST",
            data: jsonReqString,
            dataType: "json",
            jsonp: "cspcb",
            contentType: "application/json",
            timeout: 60000,
            xhrFields: { withCredentials: false }
            cache: false
        });
      }
});

    【讨论】：

    • 您可以将其设置为retdata 以获取原始JSON 或objs 以获取JSON.stringify 修改后的JSON 似乎都有效
    • 嗨，丹尼，我尝试了您建议的解决方案，但这次数据表无法加载，但运气不佳。有没有其他方法可以处理这个问题。如果我尝试提供硬编码的 json 响应，我从后端收到的表将被加载并正确显示记录，我尝试验证 JSON 并对其进行验证。根据我的理解，响应没有问题无法识别:(。
    猜你喜欢
    • 1970-01-01
    • 2014-04-15
    • 2018-01-20
    • 2013-07-19
    • 1970-01-01
    • 2020-11-30
    • 2014-09-07
    • 1970-01-01
    • 2019-01-25
    相关资源
    最近更新 更多
    热门标签
    Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode