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

我想在数据表中显示JSON数据。从API获取JSON，但无法显示在表中。我在表4列，但我想只显示3在table.data表的cols我这个C＃代码如何使用mvc中的ajax调用在数据表中显示json数据

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);

错误

工作

XML Parsing Error: no root element found Location:

JSON示例数据。

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

AJAX调用

$(document).ready(function() { 
      $('#myTable').DataTable({ 
       "ajax": { 
        "url": "/WaterLevel/getSMS", 
        "type": "GET", 
        "datatype": "json" 
       }, 
       "columns" : [ 
        { "data": "updtd_date", "autoWidth": true }, 
        { "data": "id", "autoWidth": true }, 
        { "data": "sms", "autoWidth": true } 
        ] 
      }); 
     }); 
    </script>

来源

2017-07-06 dotnetcoder

请添加到您的问题，您添加使用此：https://datatables.net/ –

更新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>

来源

2017-07-06 14:59:20 ISHIDA

实际上我不想隐藏col。我只是想显示在我的JSON数据中的cols。虽然即时通讯显示其没有记录，但可能会在ajax调用中出现一些错误。 – dotnetcoder

您可以检查控制台是否有任何错误 – ISHIDA

1.不推荐使用getPreventDefault（）。改为使用defaultPrevented。 2.XML解析错误：未找到根元素位置：http：// localhost：50389/49715571c0924dcda79bd63b6ebe036a/browserLinkSignalR/abort？transport = webSockets＆.... – dotnetcoder

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

回答

相关问题