如何使用ajax从jquery数据表中嵌套的json子数组中获取数据

debugcn 发表于 Dev

卡蒂克·帕里克

当我从这个 json 的根对象中获取数据时，我得到了数据表，但是当我尝试获取子数组的数据时，它以字符串格式获取，我想要它的表格式。JSON 代码

  [
   {
       "error": false,
       "data": [
           {
               "id": 1,
               "Name": "Shivraj Singh",
               "Mobile": "9787475412",
               "VehichleNo": "RJ 19 SV 4514",
           },
           {
               "id": 4,
               "Name": "Vinayak",
               "Mobile": "9782421454",
               "VehichleNo": "asdas",
           },
       ]
   }
]

背后的代码

 table = $("#contact").DataTable({
            ajax: {
                //type: "POST",
                url: "/api/Contact",
                dataSrc: "",
            },
            columns: [
                {
                    data: "data[0].Name",

                },
                {
                    data: "data[0].Mobile",
                },
                {
                    data: "data[0].VehichleNo",
                },

            ],
        });

由此得到的数据格式不正确

虚拟朋友

根据提供的示例 JSON 输出数据，下面的代码应该可以工作。在这里"aaData"，只需传递您从 api 调用中获得的结果。

$.ajax({
    'url': "/api/Contact",
    'method': "POST",
    'contentType': 'application/json'
}).done( function(response) {
    $('#contact').dataTable( {
        "aaData": response[0].data,
        "columns": [
            { "data": "id" },
            { "data": "Name" },
            { "data": "Mobile" },
            { "data": "VehichleNo" }
        ]
    })
})

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。