如何使用MVC中的AJAX调用在数据表中显示JSON数据-英雄云拓展知识分享

匿名投稿 326 2024-01-22

我想在DataTable中显示JSON数据。从API获得JSON，但没法在桌子上显示。我的表中有4列，但我想在表中显示3个col。

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

如何使用MVC中的AJAX调用在数据表中显示JSON数据-英雄云拓展知识分享

毛病

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>

看答案

更新了Ajax调用。

       $(document).ready(function () {$('#myTable').DataTable({
"ajax": {
"dataType": 'json',
"contentType": "application/json; charset=utf⑻",
"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>

🚀🌟 点击注册免费试用超级应用平台-英雄云企业级hpapaas 🌟🚀 😃👉🌐

免责声明：

本网址（www.yingxiongyun.com）发布的材料主要源于独立创作和网友匿名投稿。此处提供的所有信息仅供参考之用。我们致力于提供准确且可信的信息，但不对材料的完整性或真实性作出任何保证。用户应自行验证相关信息的正确性，并对其决策承担全部责任。对于由于信息的错误、不准确或遗漏所造成的任何损失，本网址不承担任何法律责任。本网站所展示的所有内容，如文字、图像、标志、音频、视频、软件和程序等的版权均属于原创作者。如果任何组织或个人认为网站内容可能侵犯其知识产权，或包含不准确之处，请即刻联系我们进行相应处理。