【问题标题】:How to submit multiple forms in single submit如何在一次提交中提交多个表单
【发布时间】:2016-07-03 17:30:45
【问题描述】:

我在我的 HTML 中创建了以下表单,这将被提交到“url 'submitrecord'”。这将适用于每个 HTML 的单个条目。如何添加多个此类条目并一次提交。

代码:

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

【问题讨论】:

  • 查看 django 表单集
  • 你能在服务器端处理它吗?
  • 我不确定如何在这里使用表单集?
  • 我可能会使用 AJAX 发布一个表单,然后 onSuccess 发布下一个表单。如果您必须在一个服务器往返中执行此操作,那么我将使用 jquery .serialize() 或 json_encode 每个表单,然后作为数组发送以在服务器端进行解码
  • 嗨 @json 我刚接触 web 开发,一个例子会让我更深入。

标签: javascript html django forms


【解决方案1】:

我找到了这个答案,但它仍然没有将请求发送到我的 URL。

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-02-02
    • 2021-12-06
    • 1970-01-01
    • 1970-01-01
    • 2015-08-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多