在Ajax调用之后使用Django模板呈现JSON对象

一尘不染

在Ajax调用之后使用Django模板呈现JSON对象

ajax

我一直在尝试了解在Django中执行Ajax的最佳方法是什么。通过四处阅读，我了解到常见的过程是：

使用一些JavaScript库（例如jQuery）来制定您的Ajax调用，在Django中设置URL模式以捕获该调用并将其传递给视图函数
在Python视图函数中，检索您感兴趣的对象并将其以JSON格式或类似格式发送回客户端（通过使用内置的序列化器模块或simplejson）
在JavaScript中定义一个回调函数，以接收JSON数据并进行解析，以便创建需要显示的HTML。最后，JavaScript脚本将HTML放置在应保留的位置。

现在，我仍然不明白的是 Django模板如何与所有这些相关？
显然，我们根本没有利用模板的功能。理想情况下，我认为最好传回JSON对象和模板名称，以便可以迭代数据并创建HTML块。但也许我在这里完全错了…

我发现朝这个方向发展的唯一资源是此代码段（769），但我还没有尝试过。显然，在这种情况下将要发生的所有结果HTML是在服务器端创建的，然后传递给客户端。JavaScript回调函数只需要在正确的位置显示它。

这会导致性能问题吗？如果没有，即使不使用上面的代码段，为什么不使用Python而不是前端直接在后端格式化HTML？

非常感谢！

更新：请使用
代码片段942，因为它是上述代码的增强版本！我发现继承支持通过这种方式效果更好。

阅读 435

2020-07-26

共1个答案

一尘不染

嘿，谢谢vikingosegundo！

我也喜欢使用装饰器:-)。但是与此同时，我一直在遵循我上面提到的摘录建议的方法。唯一的事情是使用代码段n。942因为它是原始版本的改进版本。运作方式如下：

想象一下，您有一个包含任意可重复使用的有用块的大小的模板（例如’subtemplate.html’）：

     ........
    <div id="results">          
        {% block results %}
            {% for el in items %}
                   <li>{{el|capfirst}}</li>
            {% endfor %}
        {% endblock %}      
    </div><br />
     ........

通过在视图文件中导入以上代码段，您可以轻松引用模板中的任何块。一个很酷的功能是考虑了模板之间的继承关系，因此，如果您引用一个包含另一个块的块，依此类推，那么一切都应该可以正常工作。因此，ajax视图如下所示：

from django.template import loader
# downloaded from djangosnippets.com[942]
from my_project.snippets.template import render_block_to_string

def ajax_view(request):
    # some random context
    context = Context({'items': range(100)})
    # passing the template_name + block_name + context
    return_str = render_block_to_string('standard/subtemplate.html', 'results', context)
    return HttpResponse(return_str)

2020-07-26