如何用javascript中的变量连接双花括号

Question

我好像搞不明白这件事。我有一个Python/Django模板，它使用{{ variable }呈现我的变量，并且我试图在用户单击按钮时使用HTML页面上的Javascript来操作该变量。

我看到的问题是Javascript似乎对{{有不同的对待，所以当它呈现为HTML时，它不会转换变量(即。它显示的是"+ id +“而不是下面代码中的5：

function changeDate()
  id = 5;
  html = "{{ variable[" + id + "] }}";
  document.getElementById('test').innerHTML = html;

我试过像这样逃避他们：{{“而这似乎是可行的。它将'id‘转换为5)，但是Python不会将字符串解释为变量，它只是将页面上的字符串显示为{ variable5 }，而不是该变量的实际值。

我的猜测是，这是因为Javascript在页面已经呈现之后将DIV转换成新文本，所以Python在第一次呈现页面时从来没有机会转换变量。

因此，我认为有两种可能的解决办法：

1. 在字符串中保留{{和}}的同时，找出正确呈现变量的方法

或

1. 找出如何让Python在通过Javascript显示{ variable5 }之前解释它的字符串版本。

任何帮助都是非常感谢的！

Answer 1

Django的模板呈现只是执行某种搜索/替换:它在大括号中获取字符串，并使用该字符串作为关键的int，他将字典传递给它。

它不尝试以数据结构的形式访问字典值，而是简单地采用字符串表示形式。

所以,

data = {"variable": ["a", "b", "c"] }

不需要命名为“变量”就可以在dtemplate中检索--但是如果尝试访问“变量”，则呈现模板应该会引发NameError --仅仅因为“变量”不是上面数据字典中的一个键。

处理此问题的一种方法是将索引部分推迟到客户机上的javascript代码，并在数据字典中传递对象的javascript编码(json)字符串--因此您可以这样做：

import json

function changeDate()
  id = 5
  variable = ["bla", "ble", "bli", "blo", "blu", "blew"]
  html = """<script> id = {{id}};
            document.write({{variable}}[id]);
            </script>
          """
  data = {"variable": json.dumps(variable), "id": id};

并传递要使用html模板呈现的数据。