我有一个主视图,我在其中将部分视图称为“添加”。这个添加视图是一个带有提交按钮的表单,我将它显示为一个模式弹出框。要提交表单,我正在对操作方法进行 ajax 调用。现在,我需要两件事 - 1. 如果发布的数据有效,则显示成功消息并关闭模式 2. 如果有任何验证错误,请在突出显示字段的同时在模式弹出窗口中显示它们。我正在使用 twitter 引导程序来显示模式。阿贾克斯调用:
$.ajax({
url: urlForSavingAdd,
data: JSON.stringify(dataToSend),
cache: false,
type: 'POST',
dataType: 'application/JSON',
contentType: "application/json;charset=utf-8",
success: function (data, status) {
$('#divAddNew').html(data.Message);
$('#divAddNew').fadeOut();
},
error: function (xhr, ajaxOptions, thrownError) {
var errorMessage = xhr.responseText;
$('#divAddNew').html(errorMessage);
$('#divAddNew').show();
}
});
控制器 -
[HttpPost]
public JsonResult Add(SomeModel add)
{
if (ModelState.IsValid)
{
//Save item to DB
return Json(new
{
Message = "Record saved successfully to the Database."
});
}
else
{
return Json(new
{
Message = GetModelStateErrors(this.ModelState);
});
}
}