Jquery 单击按钮调用datatable

到目前为止，我已经做到了这一点

我的JSON与数据表不兼容

错误消息

DataTables警告：表id=RegSrc-请求的未知参数 第0行第1列的“Filenum”

请帮忙

 <table id="RegSrc" class="table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th><b>File Number</b></th>
                                                <th><b>Patient Name</b></th>
                                                <th><b>DOB</b></th>
                                                <th><b>Age</b></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>

按钮点击功能

    $("#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}]

---

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

 <table id="RegSrc" class="table table-bordered table-striped">
    <thead>
        <tr>
            <th><b>File Number</b></th>
            <th><b>Patient Name</b></th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

文件号
患者姓名

JS:

var Table=$（'#RegSrc'）.DataTable({
数据：[]，
“栏目”：[
{
“className”：“详细信息控制”，
“可订购”：错误，
“数据”：空，
“defaultContent”：”
},
{data:“Filenum”}，
{数据：“全名”}，
],
rowCallback:函数（行，数据）{}，
筛选器：false，
信息：错，
订购：错，
处理：对，
检索：true
})

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

 <table id="RegSrc" class="table table-bordered table-striped">
    <thead>
        <tr>
            <th><b>File Number</b></th>
            <th><b>Patient Name</b></th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

文件号
患者姓名

JS:

var Table=$（'#RegSrc'）.DataTable({
数据：[]，
“栏目”：[
{
“className”：“详细信息控制”，
“可订购”：错误，
“数据”：空，
“defaultContent”：”
},
{data:“Filenum”}，
{数据：“全名”}，
],
rowCallback:函数（行，数据）{}，
筛选器：false，
信息：错，
订购：错，
处理：对，
检索：true
})

我改变了

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

到

它开始工作了

我改变了

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

到

---

它开始工作了

您的json中的DOB在哪里？请稍等一下更正POST I更正了表格组成和最终数组，，，，很抱歉混淆是括号导致了我的问题吗？现在您缺少{data:“Age”}您的json中的DOB在哪里？请稍等一下更正POSI更正了表的组成和最终数组，，，很抱歉混淆是括号导致了我的问题吗？现在您缺少{data:“Age”}

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

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