Javascript 从jquery数据表中的C#加载服务器端数据
您好,我已经成功实现了jquery数据表服务器端调用,但是我无法在html视图中加载数据 它只是说处理 这是我的Js代码Javascript 从jquery数据表中的C#加载服务器端数据,javascript,jquery,jqgrid,jquery-datatables,Javascript,Jquery,Jqgrid,Jquery Datatables,您好,我已经成功实现了jquery数据表服务器端调用,但是我无法在html视图中加载数据 它只是说处理 这是我的Js代码 $('#internetTable').dataTable({ 'bProcessing': true, 'bServerSide': true, 'sAjaxSource': 'api/values/GetInternetSales' "aoColumns": [ { "mData": "Calls" },
$('#internetTable').dataTable({
'bProcessing': true,
'bServerSide': true,
'sAjaxSource': 'api/values/GetInternetSales'
"aoColumns": [
{ "mData": "Calls" },
{ "mData": "LevelOneOperators" },
{ "mData": "LevelTwoOperators" },
{ "mData": "Issueraised" },
{ "mData": "SalesDate" },
{ "mData": "AutomaticResponses" }
]
});
这是html代码
<table id="internetTable" class="table table-bordered table-hover">
<thead>
<tr>
<th >Date</th>
<th>Issue Raised</th>
<th>Level One Operators</th>
<th >Level Two Operators</th>
<th>Automatic Responses</th>
<th>Calls</th>
</tr>
</thead>
</table>
现在,我只想问一下,我需要对JS代码做哪些修改才能在表中解析它,因为我已经搜索了很多,但找不到任何解决方案。得到了答案,我需要在JS中添加以下代码:
$('#internetTable').dataTable({
'bProcessing': true,
'bServerSide': true,
"sServerMethod": "GET",
// to enable Pagination
"sPaginationType": "full_numbers",
'sAjaxSource': 'api/values/GetInternetSales',
"sAjaxDataProp": "InternetDataList",
"aoColumnDefs": [{
"mData": "InternetDataList"
}],
"aoColumns": [
{ "mData": "Calls" },
{ "mData": "LevelOneOperators" },
{ "mData": "LevelTwoOperators" },
{ "mData": "Issueraised" },
{ "mData": "AutomaticResponses" },
{ "mData": "SalesDate" }
]
});
在这里,sAjaxDataProp是您的数据名,在我的例子中,它是InternetDataList,默认为aadata
$('#internetTable').dataTable({
'bProcessing': true,
'bServerSide': true,
"sServerMethod": "GET",
// to enable Pagination
"sPaginationType": "full_numbers",
'sAjaxSource': 'api/values/GetInternetSales',
"sAjaxDataProp": "InternetDataList",
"aoColumnDefs": [{
"mData": "InternetDataList"
}],
"aoColumns": [
{ "mData": "Calls" },
{ "mData": "LevelOneOperators" },
{ "mData": "LevelTwoOperators" },
{ "mData": "Issueraised" },
{ "mData": "AutomaticResponses" },
{ "mData": "SalesDate" }
]
});