如何在javascript中将双大括号与变量连接起来

How to concatenate double curly brackets with variables in javascript

本文关键字：变量 起来 连接 javascript      更新时间：2023-09-26

我似乎想不通这个。我有一个Python/Django模板，它使用｛｛variable｝｝来呈现我的变量，我正试图在HTML页面上使用Javascript在用户单击按钮时操纵变量。

我看到的问题是，Javascript似乎对{{{}有不同的处理方式，因此当它呈现为HTML时，它不会转换变量（即，它显示"+id+"，而不是下面代码中的5：

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

我尝试过这样转义它们："｛｛"，这似乎有效（即，它将"id"转换为5），但Python不会将字符串解释为变量，它只是将页面上的字符串显示为｛{variable[5]｝｝，而不是该变量的实际值。

我的猜测发生这种情况是因为Javascript在页面已经渲染后将DIV转换为新文本，所以Python在第一次渲染页面时从来没有机会转换变量。

所以我认为有两种可能的解决方案：

  1. 找出一种方法来正确地呈现变量，同时将｛｛and｝｝留在字符串中

或

  1. 弄清楚如何让Python在通过Javascript显示{{variable[5]}}的字符串版本之前对其进行解释

感谢您的帮助！

Django的模板渲染只需要进行搜索/替换类型的替换：它将字符串放在大括号中，并将该字符串用作传递给它的字典中的关键字。

它不试图将字典值作为数据结构进行访问，而是简单地采用字符串表示。

所以，

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

可以在名称为"variable"的数据模板中检索，但如果您试图访问"variable[0]"，则呈现模板应该引发NameError，因为"variable[2]"不是上面数据字典中的键。

处理它的一种方法是在客户端将索引部分推迟到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};

并将该数据传递给CCD_ 1模板进行渲染。

相关文章：