jquery - 如何修复 mvc 中 ajax 帖子上的内部服务器错误 500
问题描述
这是我的html代码
@model IEnumerable<Sampletestapp.Data.UserInfo>
@{
ViewBag.Title = "Test";
Layout = "~/Views/Shared/_Layout.cshtml";
WebGrid webGrid = new WebGrid(source: Model, canSort: false, canPage: false);
}
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
@webGrid.GetHtml(
htmlAttributes: new { @id = "WebGrid", @class = "Grid" },
columns: webGrid.Columns(
webGrid.Column("Id", "Id"),
webGrid.Column("Name", "Name"),
webGrid.Column("Lastname", "Lastname"),
webGrid.Column("City", "City"),
webGrid.Column("Country", "Country"),
webGrid.Column("State", "State")))
<br />
<div class="Pager"></div>
<script src="~/Scripts/ASPSnippets_Pager.min.js"></script>
<script type="text/javascript">
$(function () {
GetUsers(1);
});
function GetUsers(pageIndex) {
$.ajax({
type: "POST",
url: "/Home/AjaxMethod",
data:'{pageIndex: ' + pageIndex + '}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: OnSuccess,
error: function (response) {
console.log(response);
}
});
};
//your code here
function OnSuccess(response) {
alert('hi');
var model = response;
console.log(response);
var row = $("#WebGrid tbody tr:last-child").clone(true);
$("#WebGrid tbody tr").remove();
$.each(model.users, function () {
var user = this;
$("td", row).eq(0).html(user.Id);
$("td", row).eq(1).html(user.Name);
$("td", row).eq(2).html(user.City);
$("td", row).eq(3).html(user.Country);
$("td", row).eq(4).html(user.State);
$("#WebGrid").append(row);
row = $("#WebGrid tbody tr:last-child").clone(true);
});
$(".Pager").ASPSnippets_Pager({
ActiveCssClass: "current",
PagerCssClass: "pager",
PageIndex: 1,
PageSize: 5,
RecordCount: model.RecordCount
});
}
$("body").on("click", function () {
GetUsers(1);
});
</script>
控制器代码是
public ActionResult Test()
{
ViewBag.Country = from result in db.tblcountries select result;
ViewBag.City = from result in db.tblcities select result;
List<UserInfo> dummy = new List<UserInfo>();
dummy.Add(new UserInfo());
return View(dummy);
//return View();
}
[HttpPost]
public JsonResult AjaxMethod(int pageIndex)
{
Users usermodel = new Users();
usermodel.PageIndex = pageIndex;
usermodel.PageSize = 10;
usermodel.RecordCount = db.UserInfoes.Count();
int startIndex = (pageIndex - 1) * usermodel.PageSize;
usermodel.users = (from items in db.UserInfoes
select items)
.OrderBy(items => items.Id).Skip(startIndex)
.Take(usermodel.PageSize).ToList();
return Json(usermodel);
}
bt 我收到内部服务器错误,它正在进入错误功能,所以请建议我哪里出错了
解决方案
推荐阅读
- python - 使用 df.loc 和 astype() *有时* 问题 SettingWithCopyWarning 分配给列切片
- python-3.x - Python Turtle 已停止聆听
- node.js - 在 IIS 服务器 2016 上部署 nodejs 并出现错误:500
- powerbi - 如何减少 Power BI 中的表刷新时间?
- pandas - 如何根据另一个数据框中的字符串类别计算字符串在 pandas 列中出现的次数?
- angular - Angular11如何在不等待服务器响应的情况下完成POST请求?
- laravel - 无法从路由获取请求的数据
- javascript - 通过 Link 传递数据与在 React Router 中使用 useParams、useEffect
- java - 未能执行目标 org.apache.maven.plugins:maven-javadoc-plugin:3.2.0:jar (attach-javadocs)
- reactjs - 使用 PRN 堆栈上传文件