使用Ajax在Django中向表单动态添加表单集

Question

如何使用AJAX实施以下用例？ 我读过这个问题 ，它是我能找到的最接近用例的问题，但是我仍然不确定如何入门。

用例

我在票证项目的输入文本字段中输入数量编号，例如“ 3”。 输入此值后，下面将显示3个表单集以及一个电子邮件字段。

从概念上讲，我在考虑更改输入值时，加载django formset变量，例如

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

在javascript onChange函数中，但是我不确定如何实际执行此操作。

Answer 1

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

我的DRY解决方案是：

标准的HTTP响应（整个页面）

该视图实例化了表单集，呈现了模板，但是在其中有一个{% include "path/to/formset-snippet.html %}标记（由with标记{% include "path/to/formset-snippet.html %} ， 以用于以下内容的可重用性）。

AJAX回应

我进行了Ajax调用，以在DOM节点中呈现html片段（例如）。 在JQuery中，是这样的：

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

该视图实例化相同的表单集并呈现formset-snippet.html 。 这是MyModel的一个示例，具有与关联的图像 ：

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

希望能有所帮助。