複数のフォームを単一のサブミットで送信する方法

Question

私は自分のHTMLに次のフォームを作成しました。これは "url 'submitrecord'"に送信されます。これはHTMLごとに1回の入力でうまく動作します。このタイプの複数のエントリを追加して一度に送信するにはどうすればよいですか。

コード：

<form method='POST' action="{% url 'submitrecord' %}"> 
     <div class="row"> 
      <div class = "col-md-1 form-group"> 
        <input type="text" class="form-control" name="EntryNo" placeholder="EntryNo"/> 
      </div> 
      <div class = "col-md-2 form-group"> 
        <input type="text" class="form-control" name="MedicineName" placeholder="MedicineName"/> 
      </div> 
        <button type="submit" class="btn btn-default">Done</button> 
    </div>  
</form> 

Answer 1

私はこの答えを見つけましたが、まだそれは私のURLにリクエストを送信するISNOT。

<script> 
$(document).ready(function(){ 
var called = 0; 
ajax_recaller = function(forms){ 
$.ajax({ 
type: "POST", 
data: forms[called].serialize(),        
url: forms[called].attr('action'),       
success: function(data) { 
called++;                   
if(called < forms.length) { 
ajax_recaller(forms);           
} else { 
called=0;                 // set called value to 0 again 
alert('All forms has been submitted!'); 
} 

} 
}); 

} 


$(document).on('click','.submitforms',function(){ 
var x=0; 

$('.ajax_form').each(function(){ 
forms[x] = $(this); 
x++; 
}); 

ajax_recaller(forms); 
}); 

}); 
</script>