Null model with ajax post
本文关键字:post ajax with model Null | 更新日期: 2023-09-27 18:05:18
我正在尝试使用ajax post将模型传递给控制器,但每次我这样做时,模型为空,我失去了我试图坚持的所有数据。
ajax调用:$('#next').click(function (e) {
e.preventDefault();
var url = '@Url.Action("Manage")'
var _model = JSON.stringify(@Html.Raw(Json.Encode(Model)));
var _page = @(Model.pager.CurrentPage + 1);
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: url,
data: JSON.stringify({ 'model': _model, 'page': _page }),
success: function(result) {
console.log(result);
}
});
});
当我查看序列化对象时,它看起来像一个格式正确的JSON对象,没有在开发控制台抛出错误。
触发这个jQuery调用的链接只是一个基本的动作链接:
@Html.ActionLink(">", "Manage", "Announcements", null, new { id = "next" })
我的模型有点复杂…
public class ManageViewModel : IEnumerable<EditViewModel>
{
[Display(Name="Start Date")]
[DataType(DataType.DateTime)]
public DateTime? StartDate { get; set; }
[Display(Name="End Date")]
[DataType(DataType.DateTime)]
public DateTime? EndDate { get; set; }
public string SearchString { get; set; }
public Pager pager { get; set; }
public List<EditViewModel> Data { get; set; }
public List<CategoryViewModel> Categories { get; set; }
public ManageViewModel()
{
Data = new List<EditViewModel>();
Categories = new List<CategoryViewModel>();
}
public IEnumerator<EditViewModel> GetEnumerator()
{
return Data.GetEnumerator();
}
IEnumerator IEnumerable.GetEnumerator()
{
return Data.GetEnumerator();
}
}
public class Pager
{
public int TotalItems { get; private set; }
public int CurrentPage { get; private set; }
public int PageSize { get; private set; }
public int TotalPages { get; private set; }
public int StartPage { get; private set; }
public int EndPage { get; private set; }
public Pager(int totalItems, int? page, int pageSize = 10)
{
int totalPages = (int)Math.Ceiling((decimal)totalItems / (decimal)pageSize);
int currentPage = page ?? 1;
int startPage = currentPage - 5;
int endPage = currentPage + 4;
if(startPage <= 0)
{
endPage -= (startPage - 1);
startPage = 1;
}
if(endPage > totalPages)
{
endPage = totalPages;
if(endPage > 10)
{
startPage = endPage - 9;
}
}
TotalItems = totalItems;
TotalPages = totalPages;
CurrentPage = currentPage;
PageSize = pageSize;
EndPage = endPage;
StartPage = startPage;
}
}
我不能将链接转换为表单,因为这会破坏分页。或者我只是没有完全理解。
这是视图中发生分页的部分
if (Model.pager.EndPage > 1)
{
<div style="color:#337AB7; padding-bottom: 0px;">Page @Model.pager.CurrentPage of @Model.pager.TotalPages</div>
<ul class="pagination">
@if (Model.pager.CurrentPage > 1)
{
<li>
@Html.ActionLink("<<", "Manage", new { model = Model, start = Model.StartDate, end = Model.EndDate, query = Model.SearchString }, null)
</li>
<li>
@Html.ActionLink("<", "Manage", new { model = Model, page = Model.pager.CurrentPage - 1, start = Model.StartDate, end = Model.EndDate, query = Model.SearchString }, null)
</li>
}
@for (var _page = Model.pager.StartPage; _page < Model.pager.EndPage + 1; _page++)
{
<li class="@(_page == Model.pager.CurrentPage ? "active" : "")">
@Html.ActionLink(_page.ToString(), "Manage", new { model = Model, page = _page, start = Model.StartDate, end = Model.EndDate, query = Model.SearchString }, null)
</li>
}
@if (Model.pager.CurrentPage < Model.pager.TotalPages)
{
<li>
@Html.ActionLink(">", "Manage", "Announcements", null, new { id = "next" })
</li>
<li>
@Html.ActionLink(">>", "Manage", new { model = Model, page = Model.pager.TotalPages, start = Model.StartDate, end = Model.EndDate, query = Model.SearchString }, null)
</li>
}
</ul>
}
试图传递模型的操作链接显然不起作用,但我离开了它们,因为我专注于让一个工作,前面列出的那个,在配置所有其他的之前。
我看了下面的SO帖子,没有找到它们:
Post MVC模型与AJAX?
从列表框更改事件
$.ajax() post request到MVC控制器方法
使用Jquery/Ajax将模型传递给控制器
如何在ajax post请求传递模型?
有什么办法可以让我做到这一点吗?我需要模型数据来保存搜索/过滤,这是通过表单完成的。提前感谢您的观看和您的见解!
您需要为您的模型包含一个无参数的构造函数。从你发送的屏幕截图来看,似乎没有一个无参数的构造函数用于公共Pager模型。