使用ajax将数据数组加载到数据表中

使用ajax将数据数组加载到数据表中,ajax,datatables,Ajax,Datatables,我正在尝试将以下数组加载到数据表中 var array= { "rowNumber": 2, "mailingID": 3, "firstname": "Bruce", "lastname": "Ballister", "organization": "Apalachee Regional Planning Council", "address1": "20776 Central Avenue

我正在尝试将以下数组加载到数据表中

  var array=  {
        "rowNumber": 2,
        "mailingID": 3,
        "firstname": "Bruce",
        "lastname": "Ballister",
        "organization": "Apalachee Regional Planning Council",
        "address1": "20776 Central Avenue East",
        "address2": "Suite 1",
        "city": "Blountstown",
        "state": "FL",
        "zip": 32424
      }
但是,表没有将数组加载到datatable中。此外,我可以看到阵列已被接收到浏览器的“响应”选项卡中。我想我遗漏了一些东西

我的代码:

$.ajax({
            type : "POST",
            url : "getLabels.jsp",
            data : "mailingID=" + selectedValue, // posCodeSelected
            success : function(data) {
             var array= data;
             $(document).ready(function() {
                    $('#printIDs').dataTable( {
                        "ajax": array, /* i think change is needed here*/
                        "columns": [
                            { "data": "rowNumber" },
                            { "data": "mailingID" },
                            { "data": "firstname" },
                            { "data": "lastname" },
                            { "data": "organization" },
                            { "data": "address1" },
                            { "data": "address2" },
                            { "data": "address3" },
                            { "data": "address4" },
                            { "data": "city" },
                            { "data": "state" },
                            { "data": "zip" }

                        ]
                    } );
                } );

            },
            error : function(response) {
                var responseTextObject = jQuery
                        .parseJSON(response.responseText);
            }
        });

小提琴链接:更新

对于datatables,您使用的数组结构似乎不正确

您的代码应该如下所示:

HTML

<table id="printIDs" class="table">

</table>
这是小提琴:


有关详细信息:

您可以为您的代码创建一个Fiddle吗?我认为您不需要在success函数中使用
$(document).ready(function(){}
。@HarshulPandav:inserted Fiddle link确保您已经添加了所需的CDN,即JS和CSS文件,以便使用引导数据表
var dataSet = [
    ['Misc','IE Mobile','Windows Mobile 6','-','C'],
    ['Misc','PSP browser','PSP','-','C'],
    ['Other browsers','All others','-','-','U']
];

$(document).ready(function() {
    $('#example').dataTable( {
        "data": dataSet,
        "columns": [
            { "title": "Engine" },
            { "title": "Browser" },
            { "title": "Platform" },
            { "title": "Version", "class": "center" },
            { "title": "Grade", "class": "center" }
        ]
    } );   
} );