獲取jsonresult操作導致jQuery按鈕單擊

Question

我正在作爲asp.net MVC 2應用程序工作。我有一個這樣的形式：

<% using (Html.BeginForm("SaveCallRecording", "Recording", FormMethod.Post, new { id = "frmAddCallRecording", name = "frmAddCallRecording" })) 
          {%> 

     <tr> 
            <td> 
            </td> 
            <td> 
             <input type="button" id="btnCall" title="Call" value="Call" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" /> 
             <input type="button" id="btnNewCall" title="New Call" value="New Call" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" /> 
            </td> 
           </tr> 
          </table> 
          <%} %> 

我的document.ready

$("#btnCall").click(function() { 
       var CallStatus = $("#txtCallStatus").val(); 
       if (CallStatus == 'READY') { 
        if ($("#isUniquePassword").is(':checked') && $("#UniquePassword").val() == '') { 
         $("#dialog-RecipientEmail-error").dialog("open"); 
        } 
        else { 
         $.ajax({ 
          type: "POST", 
          dataType: "json", 
          url: "/account/getGenericPassword", 
          success: function (data) { 
           if (data == null || data == "") { 
            if ($('#isGenericPassword').is(':checked')) { 
             $("#dialog-add-generic-password").dialog("open"); 
            } 
           } 
           else { 
             $("#frmAddCallRecording").submit(); 
           //after this I want to show alert based on result         
           } 
          } 
         }); 
        } // end of isUniquePassword if 
       } // end of call status if 
       else if (CallStatus == 'NOT SET') { 
        $("#dialog-required-fields").dialog("open"); 
       } 
      }); 

器和控制器具有這是這樣的：在執行的ActionResult SaveCallRecording

[Authorize] 
     [HttpPost] 
     public JsonResult SaveCallRecording(CallRecording recording, FormCollection form) 
     { 
    return Json("record saved!"); 
      } 

後，我想顯示成功或失敗的消息。我該怎麼做 ？如果我嘗試使用$ .ajax，我需要使用`data：{「item」：「value1」，....}手動創建表單數據。我嘗試使用$ .post，但我需要手動將數據傳遞給它。如果我讓btnCall作爲提交按鈕而不是按鈕，那麼驗證失敗。

我想：

1）第一和顯示警示驗證表單如果表單未通過驗證。 2）將表單數據發佈到json操作方法SaveCallRecording 3）從Action Method獲取成功或失敗消息並顯示爲提醒

請給出解決方案。

Answer 1

你可以通過把這種形式的部分（_SaveCallRecordingForm.ascx）內啓動：如果你希望能夠做一些驗證，我會建議你做

<% using (Html.BeginForm("SaveCallRecording", "Recording", FormMethod.Post, new { id = "frmAddCallRecording", name = "frmAddCallRecording" })) { %> 
    <tr> 
     <td></td> 
     <td> 
      <input type="button" id="btnCall" title="Call" value="Call" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" /> 
      <input type="button" id="btnNewCall" title="New Call" value="New Call" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" /> 
     </td> 
    </tr> 
<% } %> 

而且這部分的強類型你CallRecording模型並使用Html助手來生成這種形式的輸入字段。您還可以使用validationMessageFor助手爲錯誤生成佔位符。

然後你可以AJAXify這種形式：

else { 
    var $form = $("#frmAddCallRecording"); 
    $.ajax({ 
     url: $form.attr('action'), 
     type: $form.attr('method'), 
     data: $form.serialize(), 
     success: function(result) { 
      if (result.success) { 
       alert('Thanks for submitting'); 
      } else { 
       $('#someContainerOfYourForm').html(result); 
      } 
     } 
    }); 
} 

，有你的控制器動作進行驗證，並返回一個JsonResult（在成功的情況下），或者有錯誤的列表中PartialView：

[Authorize] 
[HttpPost] 
public ActionResult SaveCallRecording(CallRecording recording) 
{ 
    if (!ModelState.IsValid) 
    { 
     // There were validation errors => let's redisplay the form 
     return PartialView("_SaveCallRecordingForm", recording); 
    } 

    // at this stage we know that the model is valid => do some processing 
    // and return a JsonResult to indicate the success 
    return Json(new { success = true }); 
}