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

时间:2019-04-20 14:55:48

标签: jquery asp.net-web-api datatable

当我从这个json的根对象中获取数据时,我得到了datatable,但是当我尝试获取子数组的数据时,它以字符串格式获取并且我希望它以表格式。 杰森代码

  [
   {
       "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",
                },

            ],
        });

收到的数据格式不正确

1 个答案:

答案 0 :(得分:0)

根据提供的示例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" }
        ]
    })
})