如何使用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數據

回答

相關問題