问题描述
我有一个使用不显眼的 ajax 提交表单的视图，或者只是普通的 jquery ajax 也可以做到这一点。对于这两种实现，我都可以让它很好地击中我的控制器并执行我的 ModelState.IsValid 验证，然后像这样返回我的视图：
public ActionResult SubmitForm(viewmodel viewmodel)
{
if(!ModelState.IsValid)
{
return View("~/view path",viewmodel);
}else
{
// do stuff
// I have to return this in order for me to get my model validation errors to show up
return Json(new { msg = "OK" });
}
}
查看：
<form asp-action="SubmitForm" asp-controller="Controller" data-ajax="true" data-ajax-method="POST"
data-ajax-success="onSubmitSuccess(data,'formId')" id="formId">
@Html.ValidationSummary()
// some form fields with html tag helpers
</form>
现在，当我的 SubmitForm 操作返回我对失败的模型验证的看法时，我的验证摘要永远不会显示。我让它工作的唯一方法是通过检查 json msg 属性将我的整个表单 html 替换为我返回的数据，就像在我的 OnSubmitSuccess 函数中一样：
function onSubmitSuccess(data,form)
{
if(data.msg)
{
if(data.msg == "OK") { // do stuff }
}else
{
$("#" + form).html(data.responseText);
}
}
我基本上是用传入的响应文本替换我的表单 html，以便显示我的错误消息。有什么特别的原因为什么我不能只返回 Partial 或返回 View 并在不修改 jquery 和替换 html 的情况下工作？
谢谢
解决方法
据我所知，data-ajax-success 需要包含三个参数 data,status,xhr 的函数，我们无法将 formid 作为参数传递给 data-ajax-success 函数。
另外，如果你想将partival view作为返回结果传递给客户端，你应该直接使用data而不是data.responseText来显示视图内容值。
更多细节，您可以参考下面的测试演示和代码：
@model DotNet5Identity.Models.GetInTouch
@{
ViewData["Title"] = "Index";
}
<h1>Index</h1>
<form asp-action="SubmitForm" asp-controller="GetInTouch" data-ajax="true" data-ajax-method="POST"
data-ajax-success="completed" id="formId">
<input asp-for="Id" />
<br />
<input asp-for="EmailAddress" />
<input type="submit" value="Tst" />
@Html.ValidationSummary()
// some form fields with html tag helpers
</form>
@section scripts{
<partial name="_ValidationScriptsPartial" />
<script>
completed = function (data,xhr) {
alert(data.msg);
if (data.msg == "OK") {
} else {
$("#formId").html(data);
}
};
</script>
}
控制器：
public ActionResult SubmitForm(GetInTouch viewModel)
{
return PartialView("_TestPartialView");
// do stuff
// I have to return this in order for me to get my model validation errors to show up
return Json(new { msg = "OK" });
}
结果：
