【问题标题】:how to fetch data from nested child array of json in jquery datatable using ajax如何使用ajax从jquery数据表中的json嵌套子数组中获取数据
【发布时间】:2019-09-10 11:36:03
【问题描述】:

当我从这个 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",
                },

            ],
        });

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

【问题讨论】:

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


    【解决方案1】:

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

    【讨论】:

    • 上述方法给了我“我的数据表中没有数据”,但是当我对 json 的父元素(如错误和日期)使用相同的方法时,它可以完美地工作,但想在我的表中获取第二个数组数据跨度>
    • 只需将console.log(response.data) 放在ajax 的done 方法下面,您就会对ajax 响应数据及其格式有一个大致的了解。如果它为您提供了一个数组,那么在数据表中只需使用“aaData”:response.data[0],这会将您的数据放入数据表中。
    • 请修改答案,我建议将“aaData”替换为“aaData”:response.data 为“aaData”:response[0].data
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-05-28
    • 1970-01-01
    • 2020-04-13
    • 2020-01-24
    • 2023-02-04
    • 1970-01-01
    • 2021-10-20
    相关资源
    最近更新 更多