Django中的自定义模板标签有问题吗？

Question

我认为我不希望调用模板标签时被调用，但是我在任何地方都找不到修复程序。 这是我在HTML：

{% load cTemplateTags %}
    {% if n.priority == 1 %}
        {% if not n.read %}

        <li>
            <div class="alert alert-dismissible alert-warning">
                <button type="button" class="close" data-dismiss="alert" onclick="{% set n = True %}">x</button>
                <a href="{{n.url}}" class="alert-link"> {{n.message}}</a>
            </div>
        </li>
        {% endif %}

    {% endif %}

在我的模板标签中：

from django import template
from notifications.models import Notification
register = template.Library()


class SetVarNode(template.Node):

    def __init__(self, var_name, var_value):
        self.var_name = var_name
        self.var_value = var_value

    def render(self, context):
        try:
            value = template.Variable(self.var_value).resolve(context)
        except template.VariableDoesNotExist:
            value = ""


        for n in Notification.objects.all():
            if n.actor == context[self.var_name].actor:
                if n.message == context[self.var_name].message:
                    if n.priority == context[self.var_name].priority:
                        if n.date == context[self.var_name].date:
                            n.read = bool(self.var_value)
                            n.save()


        return u""


@register.tag(name='set')
def set_var(parser, token):
    """
    {% set some_var = '123' %}
    """

    parts = token.split_contents()
    if len(parts) < 4:
        raise template.TemplateSyntaxError("'set' tag must be of the form: {% set <var_name> = <var_value> %}")

    print(token)
    #print(parts[3])
    return SetVarNode(parts[1], parts[3])

无论如何，是否只有在实际单击按钮时才触发HTML中的onClick ？ 无论出于什么原因，即使我从未单击过该按钮，该值也都设置为True 。 请让我知道你们是否能想到任何事情！

Answer 1

模板由服务器呈现。 这意味着所有标记都在服务器上得到处理，然后生成一个纯HTML页面，并将其发送到浏览器/客户端。

简而言之：

<button onClick="{% set n = True %}">x</button>

将以以下方式呈现给浏览器/客户端：

<button onClick="True">x</button>

---

更新

由于您要尝试在单击按钮时异步更新n.read的值， n.read需要找到一种与服务器通信以更新n.read的值的n.read 。

以下是使用jQuery库向服务器执行AJAX请求的最小示例。

<button id="myBtn" data-id="{{ n.id }}">x</button>

<!-- JavaScript -->
<!-- Don't forget to include jQuery -->
<script>
$("#myBtn").on('click', function(), {
    var nId = $(this).attr('data-id');
    $.ajax({
        type: 'POST',
        url: '/link/to/the/view/',
        data: {'id': nId}, // this way server will know which object to update
    });
});
</script>

现在，将向服务器发出AJAX请求。 您需要在服务器上实现一个视图，该视图负责更新和保存n对象。

---

更新2

通过搜索StackOverflow，您可以找到更多有关使用Django和AJAX（jQuery）的示例。 好吧，您可以从这里开始 。