представить форму из нескольких форм с помощью JQuery-Аякса

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(); 
    }); 
    }); 

Но он всегда представляет 1-ю форму среди 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>