eine Form von mehreren Formen mit Jquery-Ajax einreichen

Question

Ich habe mehrere Formulare mit demselben Klassennamen

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

wie kann ich dann eine einzige Form unter dieser n Anzahl der Formulare einreichen i

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

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

versucht mit

Aber es ist immer die erste Form unter den N-Formen vorzulegen. Wie kann ein zufälliges Formular unter den n-Formularen eingereicht werden. Kann mir bitte jemand helfen.

Answer 1

Sie müssen das Formular mit this verweisen, wenn Sie es serialisiert ...

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

Answer 2

Verwenden Sie dieses Schlüsselwort. Es übermittelt das Formular, auf dem das Ereignis ausgelöst wurde.

Warum verwenden Sie 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>