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

问题描述 投票:0回答:1

当我从这个json的根对象获取数据时,我得到datatable但是当我尝试获取子数组的数据时,它得到字符串格式,我想要它的表格格式。 Json Code

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

            ],
        });

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

jquery asp.net-web-api datatable
1个回答
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" }
        ]
    })
})
© www.soinside.com 2019 - 2024. All rights reserved.