Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Ajax在Django中将表单集动态添加到表单_Javascript_Ajax_Django_Django Forms - Fatal编程技术网

Javascript 使用Ajax在Django中将表单集动态添加到表单

Javascript 使用Ajax在Django中将表单集动态添加到表单,javascript,ajax,django,django-forms,Javascript,Ajax,Django,Django Forms,如何使用AJAX实现以下用例?我读了这篇文章,这是我能找到的最接近我的用例的文章,但我仍然不确定如何开始 用例 我在票据项目的输入文本字段中输入一个数量编号,比如“3”。输入此值后,下面将显示3个表单集,其中包含一个电子邮件字段 从概念上讲,我认为,在更改输入值时,加载django formset变量,如下所示 {% for form in formset %} {{ form }} {% endfor %} 在javascript onChange函数中,但我不确定如

如何使用AJAX实现以下用例?我读了这篇文章,这是我能找到的最接近我的用例的文章,但我仍然不确定如何开始

用例

我在票据项目的输入文本字段中输入一个数量编号,比如“3”。输入此值后,下面将显示3个表单集,其中包含一个电子邮件字段

从概念上讲,我认为,在更改输入值时,加载django formset变量,如下所示

    {% for form in formset %}
    {{ form }}
    {% endfor %}

在javascript onChange函数中,但我不确定如何真正做到这一点

我有一个类似的用例,可以通过标准http响应或Ajax加载呈现表单集

我的干溶液是:

标准http响应(整个页面) 视图实例化了表单集,呈现了模板,但在其中我有一个
{%include“path/to/formset-snippet.html%}
标记(由一个with标记包围,以便与以下内容一起重用)

AJAX响应 我调用Ajax在DOM节点中呈现一个html片段(比如a)

$("#my_container").load(url, function(response, status, xhr) {
      if (status == "error") {
        $(this).html("Sorry but there was an error: " + 
                     xhr.status + " " + xhr.statusText +
                     '<div style="height:300px; overflow:scroll;">' + 
                     response + "</div>");
      }
});
希望能有所帮助

@login_required
def images_formset(request, object_id):
    instance = MyModel.objects.get(pk=object_id)
    prefix = request.GET.get('form_prefix', None)
    formset = ImageMyModelFormSet(instance=instance, prefix=prefix)
    return render_to_response('my_app/images_my_model_form_snippet.html', {
                              'images_my_model_formset': formset,
    }, context_instance=RequestContext(request))