Django：如何在 ajax 中返回模型表单集并在模板中使用答案

【问题标题】：Django: How to return model formset in ajax and use in templateDjango：如何在 ajax 中返回模型表单集并在模板中使用
【发布时间】：2012-06-21 17:05:27
【问题描述】：

我需要在运行时使用 ajax 将表单动态添加到我的表单集中，我指的是 Dynamically adding a form to a Django formset with Ajax

我在同一页面上有多个具有不同前缀的表单集。

我的模型是这样设计的：一个用户可以拥有多部电话。一部电话可以有多条线路（如果需要详细信息） Accessing Many to Many "through" relation fields in Formsets

一旦用户添加了新手机，我会使用 ajax 保存手机。视图如下

def addUserPhone(request, customer_id, location_id, user_id, **kwargs):
error_msg = u"No POST data sent."
context = {}
if request.is_ajax():
            if request.method == "POST":
                user = End_User.objects.get(id=user_id)
                phone_client = PartialPhone_ClientForm(request.POST, prefix='new_client')
                instance = phone_client.save()
                #associate user to a phone
                instance.end_user.add(user)

                #Creating an empty lineFormset for a phone
                LineFormSet = modelformset_factory(Line, form=Line_Form, can_delete=True)
                client_lines  = LineFormSet(queryset=Line.objects.none(), prefix='phone_client_'+str(instance.id))

                # how to return the two objects instance and client_lines back to the template?? 
                #format = 'json'
                #mimetype = 'application/javascript'
                #data = serializers.serialize(format, [instance])
                #return HttpResponse(data)

                #can we return as a context?? this gives me only a string "phoneline_set" in the template   
                context['phone'] = instance
                context['line_set'] = client_lines
                return HttpResponse(context)
            else:
                error_msg = u"Insufficient POST data (need 'Name ' and 'Telephone Number'!)"

else:
        error_msg = "Non Ajax"
return HttpResponseServerError(error_msg)

现在返回手机实例和 LineFormSet 返回视图以在模板中呈现的最佳方式是什么？？

如果我只返回一个上下文，我的视图只会得到字符串“phoneline_set”。但我想做类似的事情

  $.post("addUserPhone/",phoneData,function(data){
            $('.scroll').append("<h2> {{ line_set }} </h2>")

            });

如果我使用 Json 进行序列化并传递，我如何传递 LineFormSet 并在模板中使用它？目前，如果我尝试序列化我的 client_lines 表单集，我会收到错误消息 AttributeError: 'LineFormFormSet' 对象没有属性 '_meta'

感谢任何帮助，谢谢！

【问题讨论】：

标签： django http jquery django-templates

【解决方案1】：

您不会将上下文作为 Ajax 响应发送，而是使用该上下文发送呈现的模板片段。模板应该只是包含要插入到 div 中的表单的 HTML。

【讨论】：

感谢您的回答。我对 Django 很陌生，不太了解。你能给我一个例子吗？谢谢！！

【解决方案2】：

只是按照评论中的要求详细说明丹尼尔的回答。

Django 是一个 MVC 风格的框架。模型用于存储和访问数据。在 Django 中，控制器被称为视图，它的工作是从具有特定 URL 的用户那里获取请求，获取一些可能与 url 相关联的数据，然后将这些数据推送到一些模板，该模板将使用给它的数据视图为了填写模板内部的占位符。

这是一个解释所有方面的简单示例。想象一下，有一个网站有一个书籍数据库。因此，您的模型将存储与每本书相关的信息 - 标题、作者、ISBN 号等。

# models.py
class Book(models.Model):
    title = models.CharField(max_length=64)
    author = models.CharField(max_length=64)
    isbn = models.CharField(max_length=64)

现在您要添加一个 URL example.com/book/<id>/，它将显示有关具有指定 ID 的图书的所有信息。为此，需要发生几件事。首先 Django 控制器必须使用这种模式捕获 url。您在 urls.py 文件中指定 url 模式。

# urls.py
urlpattern('',
    url(r'^book/(?P<id>\d+)/$', views.book),
)

由于urls.py 指定了 url 模式和视图之间的映射，这告诉 Django 每当用户访问具有指定模式的 URL 时，Django 必须将请求发送给视图 book，它会知道该怎么做。此外，Django 会将书籍 ID 传递给视图。

# views.py
def book(request, id):
    # get the book
    book = get_object_or_404(Book, pk=id)
    context = {
        'book': book
    }
    return render_to_response('book_template.html', context)

所以在视图内部，给定书的 ID，它使用模型来从数据库中查找书，如果找不到，它会向用户返回 404 错误。然后它会填充一个我称之为context 的字典，其中包含一些将传递给模板的值。模板的工作是获取这个context 字典并使用其中的值来填充模板内的一些占位符。

# book_template.html
<html>
<head>...</head>
<body>
   <h1>{{ book.title }}</h1>
   <p>Author: {{ book.author }}</p>
   <p>ISBN: {{ book.isbn }}</p>
</body>
</html>

因此模板将从视图中获取上下文，然后使用上下文内部的book 来填充{{ }} 内部的值。

在您的情况下，您试图向用户返回一个没有多大意义的上下文。您需要做的是创建一个模板，该模板将采用该上下文{ 'phone': instance, 'line_set': client_lines }，并根据它呈现一些将返回给用户的 HTML。您可以使用 AJAX 提取 HTML，然后根据需要使用它。

希望这可以为您阐明一些概念。

Django 文档非常好，所以我建议您也阅读介绍。它将解释我在此答案中使用的所有语法和一些快捷方式（render_to_response 等）。

【讨论】：

感谢您的详细解释。我不知道如何处理 Ajax 部分。这可以解决问题。谢谢！！