javascript - 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 的值。

下面是使用 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 请求。您需要在服务器上实现一个 View ，负责更新和保存 n对象。

<小时/>

更新2

您可以通过搜索 StackOverflow 找到更多有关使用 Django 和 AJAX (jQuery) 的示例。好吧，你可以start here .