如何在mvc中使用ajax调用在数据表中显示json数据

时间:2017-07-06 14:24:55

标签: javascript jquery json ajax

我想在数据表中显示JSON数据。从API获取JSON但无法在表中显示。我在表中有4列,但我想在table.data表中只显示3个cols,使用我的c#code

Activity

但不使用此代码

return Json(new { data=data }, JsonRequestBehavior.AllowGet);

错误

return Json(data.Select(d => new { sms=d.sms,id= d.id,updtd_date = d.updtd_date.ToString()}).ToList(), JsonRequestBehavior.AllowGet);

JSON示例数据。

XML Parsing Error: no root element found Location:

AJAX调用

[{"sms":"Alert: Tank is Full","id":1027,"updtd_date":"7/6/2017 6:39:45 AM"},...]

1 个答案:

答案 0 :(得分:0)

更新了Ajax调用。

       $(document).ready(function () {
                $('#myTable').DataTable({
                    "ajax": {
               "dataType": 'json',
               "contentType": "application/json; charset=utf-8",
               "type": "GET",
               "url":"/WaterLevel/getSMS",
               "dataSrc": function (json) {
                return $.parseJSON(json);
                                 }

                    },
                    "columns" : [
                        { "data": "updtd_date", "autoWidth": true },
                        { "data": "id", "autoWidth": true },
                        { "data": "sms", "autoWidth": true }
                        ]
                });
            });
        </script>