javascript - 在 Django url 模板标签中获取 javascript 变量的值

Question

众所周知，有一种通过使用 django 模板标签“url”定向到 URL 的 DRY 方式，例如

{% url "someview" arg1=X %}

在这里，我希望 "X" 成为 javascript 变量的值，例如tmp. 但以下不起作用

<script>
    ...{% url "someview" arg1=tmp %}...
</script>

我应该如何获取模板标签中的值？

Answer 1

我发现了一个在大多数情况下可能有效的技巧：

var url_mask = "{% url 'someview' arg1=12345 %}".replace(/12345/, tmp.toString());

它很干净，并且不违反 DRY 原则。

Answer 2

只是说清楚，以便下一个读者可以有一个全面的解决方案。关于这个问题，这就是我如何将 Mike Lee 解决方案用于一个示例案例，该案例使用 Javascript 重定向到一个新页面，其中参数位于名为tmp的变量中：

window.location = "{% url 'your_view_name' 1234 %}".replace(/1234/, tmp.toString());

Answer 3

一种简单的方法是

<div id="test" style="display: none;">
 {% url 'some_url:some_sub_url'%}
</div>


<script>
  url_mask = $( "#test" ).html()
</script>

Answer 4

var name = "{% url 'your_view_name' pk=0 %}".replace('0', name_variable);

Answer 5

concat与而不是类似的解决方案replace，因此您可以避免id冲突：

var pre_url = "{% url 'topology_json' %}";
var url = pre_url.concat(tool_pk, '/', graph_depth, '/');

但是你需要一个非参数的 url 来让 Django 愉快，pre_url因为加载时评估，我urls.py的是：

urlpatterns = [
    url(r'^topology_json/$',
        views.topology_json,
        name='topology_json'),
    url(r'^topology_json/(?P<tool_id>[0-9]+)/(?P<depth>[0-9]+)/$',
        views.topology_json,
        name='topology_json'),
    ...
]

并且视图中的参数具有合适的默认值，因此views.py：

def topology_json(request, tool_id=None, depth=1):                                             
    """                                                                                        
    JSON view returns the graph in JSON format.                
    """                                                                                        
    if tool_id:                                                                                
        tool = get_object_or_404(Tool, pk=tool_id)                                             
        topology = get_graph(str(tool), int(depth))                                            
    else:
        ...      

Django 还在这里 1.11。

Answer 6

我认为您不能使用{% url %}来自 JavaScript 的命名参数，但是您可以使用位置参数或查询字符串参数：

<script type="text/javascript">
    var tmp = window.location.hash, //for example
        url = {% url '[url_name]' %} + tmp + '/';
</script>

但是，您只能在最初呈现模板时执行一次。