ASP.NET Core3.0 Razor Datatables Ajax不显示JSon数据
ASP.NET Core3.0 Razor Datatables Ajax不显示JSon数据
提问于 2019-12-13 16:43:04
我有一个页面，其中有一个表，其中有一列，使用DataTables；我使用ajax调用加载数据。
数据返回到页面，但表不显示任何行。我没有在浏览器上显示任何错误。
这是我的带有JQuery的超文本标记语言：
<div>
<table class="table table-bordered" id="DetailsTable" width="100%" cellspacing="0"</table>
</div>
<script>
jQuery(function () {
$('#DetailsTable').DataTable({
"responsive": true,
"processing": true,
"serverSide": true,
"ajax": {
"url": "/Index?handler=Table",
"type": "GET",
"dataSrc": "",
"dataType": "json"
},
"columnDefs": [
{ "targets": "detail_ID", visible: true }
],
"columns": [
{ "data": "detail_ID" }]
});
});
</script>这是我的方法：
public async Task<IActionResult> OnGetTableAsync()
{
wItem = await _detailRepo.Finddetail(CancellationToken.None);
string NewtonJSON = JsonConvert.SerializeObject(wItem);
return Content(NewtonJSON);
}这是重新生成的JSON：
{
"detail_ID": 7,
"detail_GUID": "685b8741-fe22-460a-bb76-7ecd9c320172"
}有什么建议吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-12-13 16:48:38
首先，您不需要将结果转换为json - web api，在c#中为您处理：
public async Task<IActionResult> OnGetTableAsync()
{
var wItem = await _detailRepo.Finddetail(CancellationToken.None);
//string NewtonJSON = JsonConvert.SerializeObject(wItem);
return Content(wItem );
}我认为您可能想要将返回类型更改为OK：
public async Task<IActionResult> OnGetTableAsync()
{
var wItem = await _detailRepo.Finddetail(CancellationToken.None);
return Ok(wItem );
}并返回一个列表(以适合表格)
public async Task<IActionResult> OnGetTableAsync()
{
var wItem = await _detailRepo.Finddetail(CancellationToken.None);
return Ok(new List<object> {wItem} );
}我相信这应该会返回如下内容：
[{
"detail_ID": 7,
"detail_GUID": "685b8741-fe22-460a-bb76-7ecd9c320172"
}]哪个应该与表更兼容？
您可能还必须更改ajax调用的"ajax“部分：
"ajax": {
"url": "/Index?handler=Table",
"type": "GET",
"dataType": "application/json"
}更新:看起来您需要返回示例Here中的特定对象
所以你需要让你的对象看起来像这样：
{
"data": [{
"detail_ID": 7,
"detail_GUID": "685b8741-fe22-460a-bb76-7ecd9c320172"
}]
}要做到这一点，最简单的方法可能是更新您的服务器端，如下所示：
public async Task<IActionResult> OnGetTableAsync()
{
var wItem = await _detailRepo.Finddetail(CancellationToken.None);
return Ok(new { data = new List<object> {wItem} });
}我相信有一个用于数据表的.Net nuget包，它将为您提供一个更合适的类型来返回
希望这能有所帮助
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59318906
复制相关文章
相似问题
腾讯云开发者
