ASP.NET MVC：在部分主視圖中重定向錯誤

Question

我有一部分是通過Ajax刷新的。

查看使用Javascript：

$("#SelectedId").change(function() { 
    var id = $("#SelectedId").val(); 
    if (id > 0) { 
    $.ajax({ 
     url: "/Home/Refresh", 
     data: { id: id }, 
     type: "POST", 
     success: function (result) { 
     $('#partialHolder').html(result); 
     } 
    }); 
    } 
}); 

刷新動作：

[HttpPost] 
public ActionResult Refresh(int id) 
{ 
    HomeViewModel model = new HomeViewModel(); 
    model.id = id; 

    ViewBag.id = model.id; 
    PrepareModel(ref model); 
    return PartialView("~/Views/PartialView.cshtml", model); 
} 

這種運作良好，所不同的是當一個錯誤（諸如HTTP異常）時，錯誤視圖被髮送到局部當我希望它被顯示爲主視圖時。

錯誤動作：

public ActionResult Error(string message) 
{ 
    ViewBag.Message = message; 
    return View(); 
} 

我已經使用Javascript（無論是在視圖和控制器返回）將瀏覽器重定向嘗試，但都是車，我認爲不好的做法。

Answer 1

我設法解決這個通過使用一個類似於theLaw's answer的方法嘗試/ catch塊和Content輔助方法返回一個簡單的字符串，觸發重定向。

刷新操作：

[HttpPost] 
public ActionResult Refresh(int id) 
{ 
    try 
    { 
     HomeViewModel model = new HomeViewModel(); 
     model.id = id; 

     ViewBag.id = model.id; 
     PrepareModel(ref model); 
     return PartialView("~/Views/PartialView.cshtml", model); 
    } 
    catch 
    { 
     return Content("error"); 
    } 
} 

查看使用Javascript：

$("#SelectedId").change(function() { 
    var id = $("#SelectedId").val(); 
    if (id > 0) { 
    $.ajax({ 
     url: "/Home/Refresh", 
     data: { id: id }, 
     type: "POST", 
     success: function (result) { 
     if (result == "error") { 
      location.replace("@Url.Action("General", "Error")"); 
     } 
     else { 
      ('#partialHolder').html(result); 
     } 
     } 
    }); 
    } 
}); 

Answer 2

嘗試爲

$("#SelectedId").change(function() { 
    var id = $("#SelectedId").val(); 
    if (id > 0) { 
    $.ajax({ 
     url: "/Home/Refresh", 
     data: { id: id }, 
     type: "POST", 
     success: function (result) { 
     $('#partialHolder').html(result); 
     }, 
     error: function(result){ 
     //call new action 
     } 
    }); 
    } 
}); 

Answer 3

假設Error()返回完整視圖（與佈局和腳本/ CSS），你總是可以嘗試完全覆蓋您的文檔：

success: function (result) { 
    $('#partialHolder').html(result); 
}, 
error: function(xhr) { 
    if(xhr.responseText) { 
     var newDoc = document.open("text/html", "replace"); 
     newDoc.write(xhr.responseText); 
     newDoc.close(); 
    } 
} 

這將有效地覆蓋整個DOM和將導致你失去了頁面上的所有內容。

學分文件重寫this answer

Answer 4

嘗試是這樣的

在你的行動

[HttpPost] 
public ActionResult Refresh(int id) 
{ 
    try 
    { 
     HomeViewModel model = new HomeViewModel(); 
     model.id = id; 

     ViewBag.id = model.id; 
     PrepareModel(ref model); 
     return PartialView("~/Views/PartialView.cshtml", model); 
    } 
    catch 
    { 
     return PartialView("~/Views/PartialView.cshtml", null); 
    } 
} 

所以在你的Ajax成功

if (result != null) { 
    //do your stuff 
} else { 
    // the controller action returned a partial 
    $('#divInYourMain').html("Error 123"); 
}