Asp.net core 如何在ASP.Net核心MVC6中实现DataTable
我已经将我的应用程序从ASP.NETMVC5Web应用程序转换为ASP.NETCoreMVC6。在MVC5中,我成功地实现了DataTables服务器端处理。然而,在ASP.Net核心中,我不断得到 错误404(未找到) 在浏览器的网络会话中预览错误时,我得到 HTTP错误404.15-找不到 请求过滤模块配置为拒绝查询字符串过长的请求 下面是我的网格视图Asp.net core 如何在ASP.Net核心MVC6中实现DataTable,asp.net-core,datatables,asp.net-core-3.0,Asp.net Core,Datatables,Asp.net Core 3.0,我已经将我的应用程序从ASP.NETMVC5Web应用程序转换为ASP.NETCoreMVC6。在MVC5中,我成功地实现了DataTables服务器端处理。然而,在ASP.Net核心中,我不断得到 错误404(未找到) 在浏览器的网络会话中预览错误时,我得到 HTTP错误404.15-找不到 请求过滤模块配置为拒绝查询字符串过长的请求 下面是我的网格视图 @model _AuditDTGridViewModel <table class="table table-striped tabl
@model _AuditDTGridViewModel
<table class="table table-striped table-bordered table-hover" cellspacing="0" id="datatab">
<thead id="sortableHeader" class="bg-grey">
<tr id="columnFilterRow" class="filter" style="">
@foreach (var c in Model.ColumnOptions)
{
<td>
@if (c.ShowColumnSearchField)
{
if (c.ColumnSearchFieldType.ToLower() == "text")
{
<input id="filtercolumn_@c.ColumnName" class="input-xsmall" type="text" style="width: 100% !important" />
}
}
else if (c.DisplayName == "Actions")
{
@*<button id="filterColumnSearchBtn" class="btn btn-xs btn-outline green" title="Search Columns" style="border-width: 1px!important; margin-bottom: 2px"><i class="fa fa-search"></i>Search</button>*@
<button id="clearfilterColumnSearchBtn" class="btn btn-xs btn-outline red" title="Reset Filter" style="border-width: 1px!important"><i class="fa fa-times"></i>Clear Filter</button>
}
</td>
}
</tr>
<tr id="sortableHeading" class="heading">
@foreach (var c in Model.ColumnOptions)
{
<th>
@Html.Raw(c.DisplayName)
</th>
}
</tr>
</thead>
<tbody></tbody>
</table>
<script src="~/js/jquery.min.js"></script>
<script src="~/js/jquery.dataTables.min.js"></script>
<script src="~/js/dataTables.bootstrap.js"></script>
<script type="text/javascript">
var oTable = $('#datatab').DataTable({
"serverSide": true,
"ajax": {
"type": "POST",
"url": '@Url.Action("AjaxListOfAudits", "Client", Model)',
"contentType": 'application/json; charset=utf-8',
'data': function (data) {
return data = JSON.stringify(data);
}
},
"pagingType": "full_numbers",
"processing": true,
"paging": true,
"deferRender": true,
"columns": @Html.Raw(Model.data),
"order": [1, "asc"]
});
</script>
这是我的AuditDTGridViewModel
public class _AuditDTGridViewModel : BaseSearchFilterViewModel
{
public _AuditDTGridViewModel()
: base()
{
AllAuditsOrMyAudits = 1;
}
public Dictionary<string, string> AuditType { get; set; }
public int? MembershipId { get; set; }
public int AllAuditsOrMyAudits { get; set; }
public int? AuditAction { get; set; }
public int? AuditCategory { get; set; }
public string data { get; set; }
public List<DTColumnOptions> ColumnOptions { get; set; }
}
public类\u AuditDTGridViewModel:BaseSearchFilterServiceWModel
{
public_AuditDTGridViewModel()
:base()
{
AllAuditsOrMyAudits=1;
}
公共字典审核类型{get;set;}
公共int?成员身份ID{get;set;}
public int AllAuditsOrMyAudits{get;set;}
公共int?审核操作{get;set;}
公共int?审核类别{get;set;}
公共字符串数据{get;set;}
公共列表列选项{get;set;}
}
当我尝试调试时,操作没有被命中。如果从Url操作中删除模型,则
错误400-请求错误
模型
对象以生成URL。如果超过长度限制,将导致上述错误
"url": '@Url.Action("AjaxListOfAudits", "Client", Model)'
如果您想将\u AuditDTGridViewModel
和服务器端处理参数传递给您的操作,请参考以下示例代码从请求主体传递它们
关于JS客户端
控制器动作中
AjaxAuditsModel类
测试结果
HTTP错误404.15-未找到请求筛选模块配置为拒绝查询字符串过长的请求
在您的代码中,我们可以发现您正在使用下面的代码片段传递模型
对象以生成URL。如果超过长度限制,将导致上述错误
"url": '@Url.Action("AjaxListOfAudits", "Client", Model)'
如果您想将\u AuditDTGridViewModel
和服务器端处理参数传递给您的操作,请参考以下示例代码从请求主体传递它们
关于JS客户端
控制器动作中
AjaxAuditsModel类
测试结果
var oTable = $('#datatab').DataTable({
"serverSide": true,
"ajax": {
"type": "POST",
"url": '@Url.Action("AjaxListOfAudits", "Client")',
"contentType": 'application/json; charset=utf-8',
data: function (d) {
//console.log(@Json.Serialize(Model));
var _auditDTGridViewModel = @Json.Serialize(Model);
var ajaxAuditsModel = {
"_AuditDTGridViewModel": _auditDTGridViewModel, "DTParameters": d
};
//console.log(ajaxAuditsModel);
return JSON.stringify(ajaxAuditsModel);
}
},
// other options
});
public JsonResult AjaxListOfAudits([FromBody] AjaxAuditsModel ajaxAuditsModel)
{
// Some codes go here
}
public class AjaxAuditsModel
{
public _AuditDTGridViewModel _AuditDTGridViewModel { get; set; }
public DTParameters DTParameters { get; set; }
}