我有一个主视图,我在其中调用部分视图'添加'。此添加视图是一个带有提交按钮的表单,我将其显示为模式弹出框。 要提交表单,我正在对一个动作方法进行ajax调用。现在,我需要两件事 - 1.如果发布的数据有效,则显示成功消息并关闭模态 2.如果存在任何验证错误,请在突出显示字段时在模式弹出窗口中显示它们。 我正在使用twitter bootstrap来显示模态。 Ajax电话:
$.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);
});
}
}