So reichen Sie mehrere Formulare in einem einzigen Senden ein

Question

Ich habe das folgende Formular in meinem HTML erstellt, das wird an "url 'submitrecord'" gesendet werden. Dies funktioniert für die Einzeleingabe pro HTML. Wie kann ich mehrere Einträge dieses Typs hinzufügen und gleichzeitig senden?

Code:

<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

fand ich diese Antwort aber noch isnot es die Anforderung an meine URL zu senden.

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