jquery ajax를 사용하여 asp.net MVC 3 양식 제출

Question

ASP.NET MVC 3 애플리케이션에서 작업 중이며 Ok 버튼으로 jquery 대화 상자가 있습니다. 확인을 클릭하면 jQuery AJAX를 사용하여 양식을 제출하고 싶습니다.

내 아약스 호출은 다음과 같습니다

$("#free-trial").dialog({ 
    autoOpen: false, 
    autoResize: true, 
    buttons: { 
     "OK": function() { 
      if (notvalid()) { 
       $(".ui-dialog-titlebar").hide(); 
       $("#dialog-freetrial-insufficientdata").dialog({ dialogClass: 'transparent' }); 
       $("#dialog-freetrial-insufficientdata").dialog("open"); 
      } 
      else { 
       $('#frmCreateTrialAccount').live('submit', function (e) { 
        e.preventDefault(); 
        $.ajax({ 
         cache: false, 
         async: true, 
         type: "POST", 
         url: $(this).attr('action'), 
         data: $(this).serialize(), 
         success: function (data) { 
          alert(data); 
         } 
        }); 
       }); 
       jQuery(this).dialog('close'); 
      } 
     } 
    }, 
    open: function() { 
     $('.ui-dialog-buttonset').find('button:contains("OK")').focus(); 
     $('.ui-dialog-buttonset').find('button:contains("OK")').addClass('customokbutton'); 
    } 

});

경우 형식은 다음과 같습니다과 같이

@using (Html.BeginForm("CreateTrialAccount", "Home", FormMethod.Post, 
       new { Id = "frmCreateTrialAccount" })) 
{ 

} 

및 컨트롤러 액션은 다음과 같습니다

[HttpPost] 
public JsonResult CreateTrialAccount(FormCollection form) { 
    return Json("dummy data"); 
} 

을하지만 양식이 방법에 제출되지 않습니다.

나는 레이아웃 페이지에 포함 된이 파일이 있습니다

<link href="@Url.Content("~/Content/css/smoothness/jquery-ui-1.10.0.custom.css")" rel="stylesheet" type="text/css" media="screen"/> 
<script src="@Url.Content("~/Scripts/jquery-1.9.1.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery-ui-1.10.2.custom.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script> 

이 나에게 솔루션을 제안 해주십시오.

Answer 1

오, 죄송합니다. 제가 작성한 귀하의 문제는 귀하가 이미 제출 했어야하는 양식의 제출 조치를 구속하고 있다는 것입니다. 양식 제출을 바인드하려면 $("#free-trial").dialog({ 외부에 선언하십시오. 그런 다음 바인딩 코드와 $("#free-trial").dialog({에서 모두 호출 할 수 있도록 별도의 함수에서 ajax post 메서드를 사용할 수 있습니다.

var form = $('#frmCreateTrialAccount'); 
$.ajax({ 
    cache: false, 
    async: true, 
    type: "POST", 
    url: form.attr('action'), 
    data: form.serialize(), 
    success: function (data) { 
     alert(data); 
    } 
}); 

그래서 그냥 분명히 코드의 다음 줄을 제거 만들려면 : 모든 같은

$('#frmCreateTrialAccount').live('submit', function (e) { 
e.preventDefault(); 
// and the ending 
});