如何在javascript中使用模板标签？姜戈

Question

我正在使用 python(Django)，我创建了一个返回字典数组的模板标签，现在我想在我的 javascript 中使用它。当我通过以 JSON 格式转储并在我的 javascript 中解析回来从视图中调用它时，它工作正常。但是在模板标签中情况不同。到目前为止，我尝试了几种方法，但都遇到了问题，如下所示。

第一道 最常见的是，在我的模板标签中，我将数组转储为 JSON 格式，并在 Javascript 中使用 JSON.parse 调用它

以下代码 - 模板标签

@register.simple_tag(takes_context = True)
def messageRequest(context):
request = context['request']
messageData = Message.objects.all()
jsMessageData = []
if 'user' in request.COOKIES:
    currentUser = request.COOKIES.get('user')
i = 0
for i in range(len(messageData)):
    if messageData[i].receiver == currentUser:
        jsMessageData.append({"receiver":messageData[i].receiver, "sender":messageData[i].sender, "message":messageData[i].message})
    if messageData[i].sender == currentUser:
        jsMessageData.append({"receiver":messageData[i].receiver, "sender":messageData[i].sender, "message":messageData[i].message})
    i += 1

return dumps(jsMessageData)

Index.html - testVal = JSON.parse("{%messageRequest%}");

结果：我收到错误 Uncaught SyntaxError: Unexpected token & in JSON at position 2

第二种方式 我尝试在普通的 javascript 变量中调用 {%messageRequest%} ，以为我将在 JSON 函数中使用该变量来防止语法错误，但这给了我同样的错误。所以我得出结论，我不能在我的 javascript 中使用模板标签，因为它的前缀（%），我也没有找到关于这个主题的任何内容。

第三条路 这次我没有从模板中发送 JSON 对象，而是将数组转换为字符串，并认为我会将其存储在 html 标记中，然后在 javascript 中调用它的值并将其解析为对象。

以下代码 - 模板标签

@register.simple_tag(takes_context = True)
def messageRequest(context):
request = context['request']
messageData = Message.objects.all()
jsMessageData = []
if 'user' in request.COOKIES:
    currentUser = request.COOKIES.get('user')
i = 0
for i in range(len(messageData)):
    if messageData[i].receiver == currentUser:
        jsMessageData.append({"receiver":messageData[i].receiver, "sender":messageData[i].sender, "message":messageData[i].message})
    if messageData[i].sender == currentUser:
        jsMessageData.append({"receiver":messageData[i].receiver, "sender":messageData[i].sender,    "message":messageData[i].message})
    i += 1

return str(jsMessageData)

Index.html - {%messageRequest%}

Javascript - testValues = JSON.parse(document.getElementById('test').innerHTML);

结果- 这解决了我的问题，但我认为这是我能做的最低效的方法。

那么有没有办法直接在 Javascript 中使用模板标签？任何建议表示赞赏

Answer 1

Django 模板标签在服务器端进行解释。

JavaScript 在浏览器端进行解释。

所以 Django 模板标签不会被解释，除非你强制 JavaScript 文件由 Django 提供（而不是作为静态文件，这通常是 JavaScript 文件所做的）。

您可以通过两种方式做到这一点：

1. 您可以将 JavaScript 放入您的 Django 模板中（可能会生成 HTML 页面）。在该 JavaScript 中，您可以有更多的 Django 模板标签，这些标签在 HTML + JavaScript 发送到浏览器之前被解释和替换。

2. 如果您有一个纯 JavaScript 文件，您想在其中粘贴 Django 模板标签，您可以执行以下操作：

不要将 JavaScript 文件的 URL 指向静态 JavaScript 文件，而是让它指向 Django 视图。该视图应该提供一个 Django 模板。该模板应包含带有 Django 模板标签标记的 JavaScript 代码。现在你在做生意。

---

但是，考虑这个更简单（可能更清洁）的解决方案：

不要在你的 JavaScript 文件中粘贴 Django 模板标签，只需在你的主页（页眉或页脚）中设置一些适当的 JavaScript 变量，使用 Django 模板标签，然后简单地在未更改/未标记的情况下使用这些变量-上 JavaScript。

例如：在页脚中，包括：

{% if request.user %} 
  currentUser = "{{request.user}}" 
{% else %} 
  currentUser = null; 
{% endif %}