按钮点击调用datatable

到目前为止我达到了这个目标，

我的JSON与数据表不兼容

错误信息，

DataTables警告：table id = RegSrc – 第0行第1列请求的未知参数’Filenum’

请帮忙

 
 
 
 
File Number
 
Patient Name
 
DOB
 
Age
 
 
 
 
  

JS代码

  var Table = $('#RegSrc').DataTable({ data: [], "columns": [ { "className": 'details-control', "orderable": false, "data": null, "defaultContent": '' }, { data: "Filenum" }, { data: "FullName" }, { data: "DOB" }, 

“columns”：[{“className”：’details-control’，“orderable”：false，“data”：null，“defaultContent”：”}，{data：“Filenum”}，{data：“FullName” }，{data：“DOB”}，{data：“Age”}]，

  rowCallback: function (row, data) { }, filter: false, info: false, ordering: false, processing: true, retrieve: true }) 

按钮单击function

  $("#srcmdlfrmbtn").on("click", function (event) { var obj = {} obj.SrchTxt = $('#srctxt').val(), obj.FnameSrctxt = $('#fnamesrc').val(), obj.SnameSrctxt = $('#snamesrc').val(), obj.TnameSrctxt = $('#tnamesrc').val(), obj.LnameSrctxt = $('#lnamesrc').val(), obj.TelSrcTxt = $('#telsrc').val(), obj.SSNSrcTxt = $('#ssnsrc').val(), obj.EmailSrctxt = $('#emailsrc').val(), obj.DOBSrcTxt = $('#dobsrc').val() $.ajax({ contentType: "application/json; charset=utf-8", url: "../CONFIG/WebSerTblsSearch.asmx/SrcTblReg", type: "Post", data: JSON.stringify(obj), dataFilter: function (res) { var parsed = JSON.parse(res); var morp = JSON.parse(parsed.d); console.log(JSON.stringify( morp )) //return JSON.stringify({ data: morp }); Table.clear().draw(); Table.rows.add(JSON.stringify({ data: morp })).draw(); }, }) }); 

我的JSON数组结果

 [{"Filenum":15090248,"FullName":"Ahmad Morsi abdul fattah Abu Maizer","DOB":"05 Dec 2017","Age":0},{"Filenum":170418115,"FullName":"Ahmad Morsi abdul fattah Abu Maizer","DOB":"05 Dec 2017","Age":0},{"Filenum":170418116,"FullName":"Ahmad Morsi abdul fattah Abu Maizer","DOB":"05 Dec 2017","Age":0},{"Filenum":170227111,"FullName":"asd dsf as a","DOB":"27 Feb 2017","Age":0},{"Filenum":15112775,"FullName":"marwam saleh moh saleem","DOB":"26 Nov 2015","Age":2},{"Filenum":15112777,"FullName":"marwam saleh moh saleem","DOB":"26 Nov 2015","Age":2},{"Filenum":15120996,"FullName":"marwam mohmmad saleem","DOB":null,"Age":null},{"Filenum":160215104,"FullName":"marwam mohmmad abdul fattah Abu Maizer","DOB":"12 Mar 2016","Age":1},{"Filenum":15112270,"FullName":"mohammad j saleh raqaad","DOB":"22 Nov 2015","Age":2},{"Filenum":15112772,"FullName":"salem mohmmad john sarjes","DOB":"22 Oct 2011","Age":6}] 

Answer 1

我变了

  Table.clear().draw(); Table.rows.add(JSON.stringify({ data: morp })).draw(); 

至

  Table.clear().draw(); Table.rows.add( morp ).draw(); 

它开始工作了

Answer 2

您的JSON在每行中包含两列，并且您的dataTable尝试在每行中填充四列，因此根据您的JSON请求，您的dataTable将如下所示。

  
 
 
 
File Number
 
Patient Name
 
 
 
 
  

JS：

 var Table = $('#RegSrc').DataTable({ data: [], "columns": [ { "className": 'details-control', "orderable": false, "data": null, "defaultContent": '' }, { data: "Filenum" }, { data: "FullName" }, ], rowCallback: function (row, data) { }, filter: false, info: false, ordering: false, processing: true, retrieve: true })