在ASP.Net MVC中，ModelState可以與ajax更新一起使用嗎？

Question

這是我之前關於將錯誤傳遞迴客戶端的一個previous question的跟進，但也涉及到ModelState。

有沒有人成功地使用了Nerd Dinner方法，但使用Ajax？因此，書呆子晚餐會這樣做。

[AcceptVerbs(HttpVerbs.Post)] 
    public ActionResult Edit(int id, FormCollection formValues) 
{ 
    Dinner dinner = dinnerRepository.GetDinner(id); 
    try 
    { 
     UpdateModel(dinner); 
     dinnerRepository.Save(); 
     return RedirectToAction("Details", new { id=dinner.DinnerID }); 
    } 
    catch 
    { 
     foreach (var issue in dinner.GetRuleViolations()) { 
     ModelState.AddModelError(issue.PropertyName, issue.ErrorMessage); 
    } 
     return View(dinner); 
    } 
} 

使用jQuery $就

function hijack(form, callback, errorFunction, format) { 
    $.ajax({ 
     url: form.action, 
     type: form.method, 
     dataType: format, 
     data: $(form).serialize(), 
     success: callback, 
     error: function(xhr, textStatus, errorThrown) { 
      errorFunction(xhr, textStatus, errorThrown); 
     } 
    }); 
} 

阿賈克斯，控制器的 「試試看」 的部分變成

try 
{ 
    UpdateModel(dinner); 
    dinnerRepository.Save(); 
    return PartialView("PartialDetails", new { id=dinner.DinnerID }); 
} 

，但你會怎麼做對扣部分？

一個簡單的錯誤處理解決方案發回的錯誤會

catch(Exception ex) 
{ 
    Response.StatusCode = 500;     
    return Content("An Error occured."); 
    //throw ex; 
} 

，但不會通過內置MVC強勁的ModelState通過。我想到了一些選項，但我真的想要2件事：

1. 我想要在jQuery的錯誤屬性中處理錯誤。
2. 我想盡可能地使用內置的ASP.Net MVC驗證邏輯。

這可能嗎？如果不是，你知道什麼是最好的選擇？

非常感謝。

更新 我還沒有把這個標記爲答案，因爲我還沒有實現我認爲最好的方法。

我已經決定，我不是真的很喜歡成功=>發送刷新列表，失敗=>發送錯誤消息的方法，我正在採取。我這樣做是爲了減少通話次數，但是刷新的列表確實正在設置到頁面上。試圖將兩者都緊緊地綁定到其整個頁面。

我打算添加一個自定義jQuery事件，當對話框關閉時刷新主頁面列表。實質上，它是觀察者模式。我喜歡頁面對彈出窗口「在完成時告訴我」（又名關閉）的想法，而不必告訴彈出窗口的原因。它確實需要額外的電話，但我不認爲這是一個大問題。

我仍然不確定我喜歡/不喜歡服務器端驗證的效果如何，我正在考慮僅使用客戶端驗證。雖然服務器端驗證看起來像乾淨的分層，但它也有一些問題，其中包括：

1）它將質量檢查放在最後，而不是開始。與製造相類似的是一輛汽車在到達經銷商時進行測試，而不是在製造過程中的各個點。 2）違反了Ajax的意圖。 Ajax不僅僅是發送異步事件，它還關於只發送我需要的內容並僅接收我需要的內容。發送整個模型狀態以提供錯誤細節似乎不適用於Ajax。

什麼，我想這樣做是有客戶端只驗證，但該服務器的代碼和一個自定義的視圖模型可以用來告訴客戶如何動態創建的驗證規則。

我還懷疑IronRuby的像IronPython的或動態語言可以提供一個更優雅的方式來解決這些問題，但也可能是更長一點之前，我考慮這種可能性。

Answer 1

如果我理解正確的是你正在嘗試做的，我的第一個答案是否定的，因爲它是通過和Ajax請求時不能使用模型的狀態。 也許你可以模仿的ModelState行爲，顯示錯誤：

1. 傳遞一個List<KeyValuePair<string,string>>（屬性，消息）通過JSON（這將要求您通過modelErrors形成的ModelState到新的結構），做JS/jQuery驗證摘要的HTML構造（我認爲這是過度殺死解決方案）。

2. 如果你要去服務器，並且出現任何錯誤，只需執行Html.ValidationSummary()的渲染部分，請將其傳遞給JSON並將其前置到表單中。如果一切正常，只需返回PartialDetails視圖並替換實際內容即可。這將需要某種狀態參數，以便您知道從ajax回調服務器返回的內容。

編輯：最後一個選項聽起來不錯，但棘手的，因爲你需要通過JSONResult一個字符串形式返回的局部視圖，這裏是一個關於破解Render a view as a string問題的解決方案。

就個人而言，我不認爲使用錯誤屬性將沒有任何好處可言，我只是用它來非常特殊的情況一樣超時錯誤，並且服務器異常，不應用例外。

編輯： 使用JSON

[AcceptVerbs(HttpVerbs.Post)] 
     public ActionResult Edit(int id, FormCollection formValues) 
     { 
      Dinner dinner = dinnerRepository.GetDinner(id); 
      try 
      { 
       UpdateModel(dinner); 
       dinnerRepository.Save(); 
       return Json(new 
       { 
        result = "success", 
        html = this.RenderToString("PartialDetails", dinner) 
       }); 

      } 
      catch 
      { 
       foreach (var issue in dinner.GetRuleViolations()) 
       { 
        ModelState.AddModelError(issue.PropertyName, issue.ErrorMessage); 
       } 
       return Json(new 
       { 
        result = "failed", 
        html = this.RenderToString("PartialEdit", dinner) 
       }); 
      } 
     } 

這裏的結果參數將讓你知道在每種情況下做什麼動作，只是要檢查它的回調。

Answer 2

添加我最喜歡的方法與MVC3。使用您的編輯方法，你可以不喜歡

[AcceptVerbs(HttpVerbs.Post)] 
public ActionResult Edit(int id, FormCollection formValues) 
{ 
    Dinner dinner = dinnerRepository.GetDinner(id); 
    try 
    { 
     UpdateModel(dinner); 
     dinnerRepository.Save(); 
     return Json (new { Success = true, Url = Url.Action("DetailsPartial", dinner), Div = "#DivToUpdateId" }); 
    } 
    catch 
    { 
     foreach (var issue in dinner.GetRuleViolations()) { 
     ModelState.AddModelError(issue.PropertyName, issue.ErrorMessage); 
    } 
     //I am replacing this with a partial view which will contain the model state errors. For people using MVC 3 with razor they should be able to use their normal views as partials 
     return PartialView(dinner); 
    } 
} 

，然後你可以使用一個成功的功能像

success: function(data) { 
    if (data.Success) { 
     $.post(data.Url, function(partial) { 
      $(data.Div).html(partial); 
     }); 
    } 
    else 
    { 
     $('#formDiv').html(data) 
    } 
} 

所以基本上，如果結果的Json然後data.Success是真實的。然後使用Url中指定的動作的結果更新在json（data.Div）中指定的div。如果結果不是Json它，因爲post方法失敗並且formDiv用包含ModelState Errors的部分表單更新。這是我用於對話框的方法，但效果很好。很顯然，在MVC3中，我會改變一些編輯方法，如使用TryUpdateModel等，但只是試圖舉一個我的方法的例子。通過傳遞url併發布方法的結果，不需要嘗試將html呈現爲字符串以傳遞部分內容。