返回Partialview&;来自MVC5控制器的JSON
在MVC5项目中,我打开一个模式对话框,如果出现异常,我想打开这个对话框并在这个对话框中的div上显示一条消息。据我所见,我应该遵循将partialview呈现为字符串的方法,但大多数示例在MVC5中不起作用。是否有类似或更好的方法适用于MVC5 这是一个有效的例子,我已经使用过很多次了。 如果它是一个简单的get调用,那么我建议您对要显示的数据进行局部查看,并使用下面的代码通过jquery调用它返回Partialview&;来自MVC5控制器的JSON,json,ajax,asp.net-mvc,asp.net-mvc-4,asp.net-mvc-partialview,Json,Ajax,Asp.net Mvc,Asp.net Mvc 4,Asp.net Mvc Partialview,在MVC5项目中,我打开一个模式对话框,如果出现异常,我想打开这个对话框并在这个对话框中的div上显示一条消息。据我所见,我应该遵循将partialview呈现为字符串的方法,但大多数示例在MVC5中不起作用。是否有类似或更好的方法适用于MVC5 这是一个有效的例子,我已经使用过很多次了。 如果它是一个简单的get调用,那么我建议您对要显示的数据进行局部查看,并使用下面的代码通过jquery调用它 $( "#result" ).load("@Url.Action("Account","Hello
$( "#result" ).load("@Url.Action("Account","HelloPartial")");
这将在弹出窗口中加载局部视图。您不必将其转换为字符串。您可以执行以下操作 解决方案1(使用局部视图) 您的局部视图应该如下所示:
<div id="detailId">
<!-- Your partial details goes here -->
....
<button type="submit" form="" value="Submit">Submit</button>
</div>
你的脚本应该是
<script>
$(document).ready(function(){
$('#formId').off('submit').on('submit', function(e){
e.preventDefault();
e.stopPropagation();
var form = $('#formId');
$.ajax({
url: form.attr('action'),
data: form.serialize(),
method: 'post',
success : function(result){
if(result.status==200) { // OK
// you might load another action or to redirect
// this conditions can be passed by the Json object
}
else{ // 400 bad request
// you can use the following toastr based on your comment
// http://codeseven.github.io/toastr/demo.html
var ul = $('<ul>')
for(var error in result.errors)
{
ul.append('<li><b>' + error.Key + '</b>:' + error.Value + '</li>;
}
toastr["warning"](ul[0].outerHTML);
}
}
});
});
});
</script>
希望这将帮助您您想在模态上显示错误,而不是局部视图本身,对吗?事实上,我渲染局部视图用于创建、更新等。如果控制器中的创建操作方法中存在错误,我想渲染_errorpartialview,而不是_create和显示一些消息(作为json从action方法返回)在_errorpartialview中。非常感谢,我将尝试一下。实际上没有投票,但我更喜欢使用另一种方法,在不打开模式对话框的情况下显示toast消息。谢谢…toast消息将仅包含错误,我询问了您的问题评论您希望如何,我将更新answer@binary我更新了答案,包括另一种认可
<script>
$(document).ready(function(){
$('#formId').off('submit').on('submit', function(e){
e.preventDefault();
e.stopPropagation();
var form = $('#formId');
$.ajax({
url: form.attr('action'),
data: form.serialize(),
method: 'post',
success : function(result){
$('#detailId').replaceWith(result);
// another option you can close the modal and refresh your data.
},
error: function(data, status, err){
if(data.status == 400){
$('#detailId').replaceWith(data.responseText);
}
}
});
});
});
</script>
[HttpPost]
public ActionResult YourAction(YourModel model)
{
if(model!=null && ModelState.IsValid)
{
// do your staff here
return Json(new {status = 200,
//...any data goes here... for example url to redirect
url=Url.Content("YourRedirectAction","Controller")},
}
else
{
return Json( new {status= 400,errors = ModelState.ToErrors()});
}
}
<script>
$(document).ready(function(){
$('#formId').off('submit').on('submit', function(e){
e.preventDefault();
e.stopPropagation();
var form = $('#formId');
$.ajax({
url: form.attr('action'),
data: form.serialize(),
method: 'post',
success : function(result){
if(result.status==200) { // OK
// you might load another action or to redirect
// this conditions can be passed by the Json object
}
else{ // 400 bad request
// you can use the following toastr based on your comment
// http://codeseven.github.io/toastr/demo.html
var ul = $('<ul>')
for(var error in result.errors)
{
ul.append('<li><b>' + error.Key + '</b>:' + error.Value + '</li>;
}
toastr["warning"](ul[0].outerHTML);
}
}
});
});
});
</script>
public static IEnumerable ToErrors(this ModelStateDictionary modelState)
{
if (!modelState.IsValid)
{
return modelState.ToDictionary(kvp => kvp.Key,
kvp => kvp.Value.Errors
.Select(e => e.ErrorMessage).First())
.Where(m => m.Value.Count() > 0);
}
return null;
}