有什么方法可以返回带有JSON结果的视图吗?我已经这样做了,但是它只返回了一个json结果,我想绑定json结果和jQuery数据表。
这是我的控制器:
[HttpGet]
public async Task <IActionResult> GetDepartments()
{
try
{
...
var result = await _get.GetRequest<string>(uri, accessToken);
return Json(result);
}
}
catch (Exception ex)
{
..
}
对于我的视图,我是这样做的:
<table id="myDataTable">
<thead>
<tr>
<td>Id</td>
<td>Name</td>
<td>Department</td>
<td>Manager</td>
</tr>
</thead>
<tbody>
</tbody>
</table>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.8/js/jquery.dataTables.min.js"></script>
<script>
$(document).ready(function () {
$('#myDataTable').DataTable({
ajax: {
url: '/Home/GetDepartments',
"dataSrc": ""
},
columns: [
{ data: "id" },
{ data: "name" },
{ data: "department" },
{ data: "manager" }
]
});
});
</script>
这就是我得到的
[{"id":3,"name":"Sales","department":null,"manager":"Danial Booker"},{"id":4,"name":"PMO","department":null,"manager":"Rowan Walter"},{"id":5,"name":"Research And Development","department":null,"manager":"Shani Elliott"},{"id":6,"name":"Product Management","department":null,"manager":"Menna Goff"},{"id":7,"name":"HR","department":null,"manager":"Jayda Martinez"},{"id":8,"name":"Deve","department":"Product Management","manager":"Abigayle Briggs"},{"id":9,"name":"Test","department":"Product Management","manager":"Alys Huang"},{"id":19,"name":"QA","department":"Ava","manager":"Mela "}]
我想显示视图,有插件jQuery数据表与json结果,任何帮助请?
2条答案
按热度按时间yb3bgrhw1#
首先,你必须使用 AJAX 调用来获取数据,然后你才能绑定它。如果你有数据,你可以像下面的例子一样在你的数据表中绑定它。
下面是一个工作example。
tjjdgumg2#
按照您现在尝试的方式,您应该有两个控制器;一个用于获取数据,另一个用于将数据表显示到视图中。
另一个简单的方法,你可以尝试,你不需要使用两个控制器,只需要使用
ViewBag
而不是Json(result)
只是即插即用。两个选择你都有,现在选择权在你。