jquery로 ajax 양식 제출

Question

Jquery를 사용하여 데이터를 제출하는 동안 문제가 있습니다. 양식을 제출할 때 div가 업데이트되는 대신 페이지가 새로 고쳐집니다. 다음은 내 코드입니다

<% using (Ajax.BeginForm("getAjaxTab2", new AjaxOptions 
      { 
       UpdateTargetId = "tabs-1", 
       InsertionMode = InsertionMode.Replace, 
       OnSuccess = "Done" 
      })) 

{ %> <input type="hidden" id="id" name="id" /> 
<div class="sortby-row"> 
<ul> 
<li> 
<input type="submit" name="submit-keyword" value="go" /> 
</li> 
</ul> 
</div> 
    <% } %> 

나는 jquery를 작성하지 않았습니다. 어떤 도움이

Answer 1

확인이 게시물을 이해할 수있을 것이다 나에게

---

도와주세요 : 이것은 양식입니다 MS MVC form AJAXifying techniques

Answer 2

.

<form action="/home/identify" id="identify_form" method="post"> 
    Enter name 
    <input name="name" id="name" value="" type="text" /> 
    <input type="submit" value="Join" id="sign-on-submit" /> 

</form> 

이 양식을 AJAX를 통해 제출하려면 이것이 내가 한 것입니다.

$(document).ready(function(){ 
    $('#identify_form').submit(function(){ 
     v = $('input#name').val(); 
     alert('v is' + v); 

     var datastring = 'name='+escape(v); 
     alert('datastring is' + datastring); 

     $('#loading').ajaxStart(function(event){ 
      $(this).show(); 
     }); 

     $.ajax({ 
        type: 'POST', 
        url: '/home/identify', 
        data: datastring, 
        success: function(data, textstatus){ 
         alert('success'); 
         top.location.href = '/home/identify_pending'; 
        }, 
        error: function(XMLHttpRequest, textStatus, errorThrown){ 
           alert('error'+errorThrown); 
        } 
      }); 
     return false; 
    }); 
}); 

Answer 3

이 작동 할 수 있습니다 :

$('#formId').ready(function() { 
    //your code 
}