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
}

使用jquery提交ajax表单

3 个答案: