如何将 Django 模板上下文变量传递给 JS 函数答案

【问题标题】：How can I pass a Django template context variable to JS function如何将 Django 模板上下文变量传递给 JS 函数
【发布时间】：2014-03-10 00:19:25
【问题描述】：

我正在尝试创建一个简单的 Web 链接切换，以便在我的应用程序中关注或取消关注问题。我使用My Own Like Button: Django + Ajax -- How? 的信息很接近，但我并不完全在那里。

我的问题是我不能动态地将 question.id 传递给我的 JS 函数，正如上面链接中的答案所暗示的那样。即

下面的硬连线 JS 代码确实有效。它将'12' 作为绑定到/question/follow-unfollow-inline/ 的视图的有效参数传递。但是，当我尝试使用调用此 JS 代码的模板中的上下文变量 '{{ question.id }}' 替换 '12' 时，我的函数将字符串 '{{ question.id }}' 传递回 /question/follow-unfollow-inline/ 而不是它的值。我该如何解决这个问题？

$(function () {
    $("#follow_unfollow_toggle").click(function () {
        $.ajax({
            type: "POST",
            url: "/question/follow-unfollow-inline/",
            data: { 'qid': '12' },
            success: function (e) {
                alert('Success!');
            }
        });
    });
});

目前，我在视图中使用@csrf_exempt，但我知道我应该将其作为数据传递。

【问题讨论】：

你试过让 Django 提供 JavaScript 服务吗？
嗨。不确定这是否回答了您的问题，但在调试模式下，我所有的静态文件都由 Django 提供。否则为 Amazon S3。
停止将其作为静态文件提供。
那么将 js 直接插入我的模板而不是从外部 js 文件调用？
我试过了。如果您只有一个问题要关注/取消关注，它会起作用，但我有一份清单。如果我将我的 JS 放在我的循环中，它只适用于列表中的第一个问题。如果我将 JS 放在循环之外，我会丢失当前问题 id 的内容。

标签： javascript ajax django

【解决方案1】：

你可以用data-属性在你的锚标签上定义它：

模板：

<a id="follow_unfollow_toggle" href="#" data-qid="{{ question.id }}">Like</a>

js文件：

$(function () {
    $("#follow_unfollow_toggle").click(function () {
        $.ajax({
            type: "POST",
            url: "/question/follow-unfollow-inline/",
            data: { 'qid': $(this).data('qid') },
            success: function (e) {
                alert('Success!');
            }
        });
    });
});

【讨论】：

感谢@dolan，效果很好。我还意识到我需要将 id="follow_unfollow_toggle" 更改为 class="follow_unfollow_toggle" 以便我的 JS 函数触发我的问题列表中的任何问题，而不仅仅是第一个问题。