jQuery的對話框

Question

當我按保存按鈕，我從我的控制器返回此：

return Json(new { success = true }); 

和我的整個瀏覽器窗口爲白色，並在左上角我看到我的JSON我已經返回的數據：

{"success":true} 

問題：我必須改變這個白色視口是否已修復？

我的期望是檢查是否成功：客戶端的真/假，取決於值我關閉對話框或更改一些數據，並且應該保留調用對話框的網站。

$(document).ready(function() { 

     // the div holds the html content 
     var $dialog = $('<div></div>') 
     .dialog({ 
      autoOpen: false, 
      title: 'This is the dialogs title', 
      height: 400, 
      width: 400, 
      modal: true, 
      resizable: false, 
      hide: "fade", 
      show: "fade", 
      open: function (event, ui) { 
       $(this).load('@Url.Action("Create")'); 
      }, 
      buttons: { 
       "Save": function() { 
        var form = $('form', this); 
        $(form).submit(); 
       }, 
       "Close": function() { 
        $(this).dialog("close");     
       } 
      } // no comma 
     }); 

     $('#CreateTemplate').click(function() { 
      $dialog.dialog('open'); 
      // prevent the default action, e.g., following a link 
      return false; 
     }); 

    }); 

</script> 

創建視圖：

@using (Html.BeginForm("JsonCreate", "Template")) 
{ 
    <p class="editor-label">@Html.LabelFor(model => model.Name)</p> 
    <p class="editor-field">@Html.EditorFor(model => model.Name)</p> 
    <p class="editor-field">@Html.ValidationMessageFor(model => model.Name)</p>  
} 

UPDATE

"Save": function() { 
        var form = $('form', this); 
        debugger; 
        $.ajax({ 
         url: this.action, 
         type: 'POST', 
         data: form.serialize(), 
         dataType: 'json', 
         success: function (result) { 
          debugger; 
          if (result.success) { 
           $(this).dialog("close"); 
           // Update UI 
          } 
          else { 
           // Reload the dialog to show model errors      
           $(dialog).html(result); 
          } // else end 
         } // success end 
        }); // ajax post end 

       }, 

控制器 POST操作：

[HttpPost] 
     public ActionResult JsonCreate(Template template) 
     { 
      if (ModelState.IsValid) 
      { 
       _templateDataProvider.AddTemplate(template); 
       return Json(new { success = true }); 
      } 

      return Json(new { errors = GetErrorsFromModelState() }); 
     } 

Answer 1

你要做的Ajax提交，使頁面停留在同一網址：

  "Save": function() { 
       var form = $('form', this); 
       //$(form).submit(); 
       $.post(form.prop('action'), form.serialize(), function(response){ 
        //do something with response data or ignore it 
       }, 'json'); 
      },