javascript - jQuery Datatables 请求行 '0' 列 '0' 的未知参数 '0'

Question

我有我的 aspx 网页生成的平面 Json 字符串..

[{"UserName":"ABENS"},{"UserName":"AILPAL"},{"UserName":"ANDREW.GUILLERMO"}.....(so on so forth)]

我已经声明了以下 html..

            <table id="tblUserAccountsManagement" class="display" cellspacing="0">                    
                         <thead>
                            <tr>
                                <th>UserName</th>

                            </tr>
                        </thead>                                

                    </table>

我有以下 Jquery...

  $(document).ready(function () {

        var tbl = $('#tblUserAccountsManagement').DataTable({

            "ajax": {

                "url": "AccountsManagementJSON.aspx",
                "dataSrc": ""

            },

            "columns": [

                { "data": 'UserName' }

            ],
            autofill: true,
            select: true,
            responsive: true,
            buttons: true,
            length: 10,

        });
    });

为什么仍然输出错误？

Requested unknown parameter '0' for row '0' column '0'

我已阅读 everything关注每troubleshoot有，确保 html 和 jQuery 定义完好无损。为什么它仍然不起作用？

我不明白的是我已经尝试过这个before在这里，它起作用了。我只需要添加 dataSrc: "" 就可以了。我严格按照之前的示例进行操作，但现在不起作用。

奇怪的是，它确实显示了行数(如 JSON 中的 39 行)，但它不会显示内容。这是为什么？

Answer 1

我已经解决了这个问题:我已经使用 aoColumns 和 mData 进行此设置(带有 MasterPages 的 Webforms)。

以下内容现在可以使用:

 $(document).ready(function () {

    var tbl = $('#tblUserAccountsManagement').DataTable({

        "ajax": {

            "url": "AccountsManagementJSON.aspx",
            "dataSrc": ""

        },

        aoColumns: [

            { mData: 'UserName' }

        ],
        autofill: true,
        select: true,
        responsive: true,
        buttons: true,
        length: 10,

    });
});