提交使用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>