使用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" }
]
} );
} );