отправка формы ajax с помощью jquery

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

Это форма.

<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 2

Это может сработать:

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

Answer 3

Проверьте этот пост: MS MVC форма AJAXифицирующие методы