提交使用jQuery的Ajax多种形式之中的形式

Question

我有相同的类名多种形式

<form > 
    <input type="hidden" value="<%=ids%>" name="idd"> 
    <input type="hidden" value="<%=email%>" name="cby"> 
    <input type="text" class="cmd" name="cm" style="width:300px;" placeholder="comment"> 
    <input type="submit" value="" style="display:none;"> 
</form> 
    <!-- n number of forms are generated using while loop--> 
<form> 
    <input type="hidden" value="<%=ids%>" name="idd"> 
    <input type="hidden" value="<%=email%>" name="cby"> 
    <input type="text" class="cmd" name="cm" style="width:300px;" placeholder="comment"> 
    <input type="submit" value="" style="display:none;"> 
</form> 

那我该怎么提交中使用

$(function() { 
      $('form').on('submit', function (e) { 
       $.ajax({ 
       type: 'post', 
        url: 'addfr.jsp', 
        data: $('form').serialize(), 
        success: function() { 
        location.reload(); 

        } 
      }); 
     e.preventDefault(); 
    }); 
    }); 

的形式这n个我尝试了单一形式

但它总是提交n形式中的第一个形式。 如何在n表单中提交一个随机表单。 请任何人帮助我。

Answer 1

您需要this引用的形式，当你把它序列化......

$(function() { 
    $('form').on('submit', function (e) { 
     $.ajax({ 
      type: 'post', 
      url: 'addfr.jsp', 
      data: $(this).serialize(), 
      success: function() { 
       location.reload(); 
      } 
     }); 
     e.preventDefault(); 
    }); 
}); 

Answer 2

使用此关键字。它会提交事件触发的表单。

为什么你使用location.reload？

$('form').on('submit', function (e) { 
    $.ajax({ 
    type: 'post', 
    url: 'addfr.jsp', 
    data: $(this).serialize(), 
    success: function() { 
     location.reload(); 
    } 
}); 

Answer 3

You can try this... 

function submitForm(){ 
document.formName.action="actionName"; 
document.formName.submit(); 
} 


<form method="post" name="formName" enctype="multipart/form-data"> 
    .... 
<input type="button" onclick="submitForm()"/> 
<form>