javascript - 在点击事件中调用 javascript 中的 django url

Question

我在模板中得到了一个 javascript onclick 事件，我想用它的 id 参数调用我的 Django url 之一，如下所示:

$(document).on('click', '.alink', function () {
        var id = $(this).attr('id');
        document.location.href ="{% url 'myapp:productdetailorder' id %}"
});

当然这根本不起作用。有什么想法吗？

提前致谢!!

Answer 1

我认为最好的方法是使用模板中呈现的 URL 创建一个 html data-* 属性，然后使用 javascript 检索它。

这样你就可以避免将 js/django 模板的东西混在一起。此外，我将所有 JS 保存在 View 之外的单独文件中(通常这是一种更好的做法)，因此尝试混合使用这两者是行不通的。

例如，如果您有想要的 url，只需创建一个 html 隐藏元素:

<input type="hidden" id="Url" data-url="{% url 'myapp:productdetail' id %}" />

然后，在你的 JS 中:

$(document).on('click', '.alink', function () {
    var url = $("#Url").attr("data-url");
});      

我经常将这种模式用于下拉列表，这样我就不必在第一次呈现页面时提供所有选项(这通常会加快速度)。