2017-07-06 10 views
0

JSONデータをデータテーブルに表示したいとします。 APIからJSONを取得しても表に表示できません。私は、テーブル内の4つの列を持っていますが、私はこの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); 

エラー

で作業していないtable.dataテーブルで唯一の3 colsのを見せたいです
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> 
+0

これを使用して追加することを追加してください:https://datatables.net/ –

答えて

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> 
+0

実際には、私はその列を非表示にしたくありません。私はちょうど私のjsonのデータにあるcolsを表示したいと思った。レコードが表示されていないことを示している間に、ajaxコールのマイ・コラムで何らかのエラーが発生する可能性があります。 – dotnetcoder

+0

コンソールでエラーがないか確認できます – ISHIDA

+0

1. getPreventDefault()の使用は非推奨です。代わりにdefaultPreventedを使用してください。 2.XML解析エラー:ルート要素が見つかりません 場所:http:// localhost:50389/49715571c0924dcda79bd63b6ebe036a/browserLinkSignalR/abort?transport = webSockets&.... – dotnetcoder

関連する問題