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>
これを使用して追加することを追加してください:https://datatables.net/ –