コントローラは結果に応じてJSONまたはHTMLを返すことができます

Question

フォームを含むポップアップウィンドウがあるとします。フォームを処理するコントローラーが必要です。結果に応じて、このコントローラーはJSON（すべてがうまくいけばポップアップをjavascriptで閉じる）かHTMLを返します（フォームデータが無効でフォームを置き換えなければならない新しいhtmlと - 検証エラーメッセージが表示されます）。それは、フォームの：： は、だから、僕は、このような解決策を見つけた

<form id="message" ...> 
    ... 
</form> 

そして私は、このフォームのjQueryのハンドラがあります。

$(document).on("submit", "form#message", function (evt) { 
    evt.preventDefault(); 
    $.ajax({ 
     type: this.method, 
     url: this.action, 
     data: $(this).serialize(), 
     success: function (result) { 
      if ($.isPlainObject(result)) { 
       // this is JSON 
       // close the pop-up window 
      } else { 
       // this is HTML 
       $("form#message").html(result); 
      } 
     } 
    }); 
}); 

コントローラー：

[HttpPost] 
public ActionResult UpdateMessage(MessageModel model) 
{ 
    ... 
    if (.. is valided ..) 
     return Json(new { success = "OK" }); 
    else 
     return View(model); 
} 

質問を - もっとありますそのようなタスクのためのエレガントなソリューション？

Answer 1

IMHOこれは、この問題と私が間違いなく使用するものに対する非常に良い解決策です。

Answer 2

あなたのアプローチでうまくいくと思います。しかし、JSONエラーメッセージがすべての画面で共通する場合は、この場合にアクションフィルタを記述することをお勧めします。だから我々はなぜでしょうコードよりエレガント

[HttpPost] 
[JsonErrorHandling] 
public ActionResult UpdateMessage(MessageModel model) 
{  
    return View(model); 
} 

public class JsonErrorHandlingAttribute : ActionFilterAttribute, IActionFilter 
{ 
    void IActionFilter.OnActionExecuting(ActionExecutingContext filterContext) 
    { 
     // TODO: doing some thing magic here 
     // if (.. is valided ..) 
     // return Json(new { success = "OK" }); 

     this.OnActionExecuting(filterContext); 
    } 
} 

Answer 3

あなたはURLから複数のデータ型を返す必要があれば、jQueryのAJAXでデータ型を渡す必要がありませんが

$.ajax({ 
    type: "GET", 
    url: url, 
    data: data, 
    //dataType: "json", comment this line 
    cache: false, 
    beforeSend: function() {}, 
    success: function (data) {}, 
    error: function (xhr, ajaxOptions, errorThrown) {} 
    });