jQuery数据表与JSON数据一起列出
jQuery数据表与JSON数据一起列出,jquery,jquery-ui,datatable,jquery-plugins,datatables,Jquery,Jquery Ui,Datatable,Jquery Plugins,Datatables,$.ajax({ url:“https://localhost:450/rest/products?pageNumber=1&pageCount=100", 类型:“post”, 数据类型:“json”, 传统的:是的, contentType:“应用程序/json;字符集=utf-8”, processData:false, 数据: stringify(主机地址) , 成功:功能(响应){ 控制台日志(响应); var trHTML=''; $('.js可导出').DataTable({ do
$.ajax({
url:“https://localhost:450/rest/products?pageNumber=1&pageCount=100",
类型:“post”,
数据类型:“json”,
传统的:是的,
contentType:“应用程序/json;字符集=utf-8”,
processData:false,
数据:
stringify(主机地址)
,
成功:功能(响应){
控制台日志(响应);
var trHTML='';
$('.js可导出').DataTable({
dom:'Bfrtip',
回答:是的,
按钮:[
“复制”、“csv”、“excel”、“pdf”、“打印”
]
});
对于(变量i=0;i })
这里的问题是,在填充数据表之前,您正在初始化数据表。因此,它只能处理一个空表
您需要将DataTable
初始值设定项移动到for
循环之后:
success:function (response) {
console.log(response);
var trHTML ='';
for(var i = 0 ; i < response.length ; i++)
{
for(var j = 0 ; j < response[i].Products.length ; j ++)
{
trHTML += '<tr><td>' +response[i].IP + '</td><td>' + response[i].Products[j].Product + '</td><td>' + response[i].Products[j].CVECount + '</td>';
console.log(response[i].Products[j].Product);
console.log(trHTML);
$('#ProductsTableBody').append(trHTML);
}
}
$('.js-exportable').DataTable({
dom: 'Bfrtip',
responsive: true,
buttons: [
'copy', 'csv', 'excel', 'pdf', 'print'
]
});
},
成功:功能(响应){
控制台日志(响应);
var trHTML='';
对于(变量i=0;i
这里的问题是,在填充数据表之前,您正在初始化数据表。因此,它只能处理一个空表
您需要将DataTable
初始值设定项移动到for
循环之后:
success:function (response) {
console.log(response);
var trHTML ='';
for(var i = 0 ; i < response.length ; i++)
{
for(var j = 0 ; j < response[i].Products.length ; j ++)
{
trHTML += '<tr><td>' +response[i].IP + '</td><td>' + response[i].Products[j].Product + '</td><td>' + response[i].Products[j].CVECount + '</td>';
console.log(response[i].Products[j].Product);
console.log(trHTML);
$('#ProductsTableBody').append(trHTML);
}
}
$('.js-exportable').DataTable({
dom: 'Bfrtip',
responsive: true,
buttons: [
'copy', 'csv', 'excel', 'pdf', 'print'
]
});
},
成功:功能(响应){
控制台日志(响应);
var trHTML='';
对于(变量i=0;i
最好使用DataTables为您生成表。看看这里:我已经检查过了,但是我找不到解决方案。也许如果您提供了您得到的数据样本,那么使用DataTables为您生成表会更好。请看这里:我已经检查过了,但是我找不到解决方案。也许如果你提供了你得到的数据样本?