在Django模板中使用Javascript变量

Question

在进入问题之前，我知道Stack Overflow上有很多类似的问题，但从我所看到的来看，没有一个问题产生了我可以使用的答案——如果我错了，请纠正我。

我有一个JavaScript变量，看起来像这样(这是在<script>标签)。

var html = '<img src = "{% static "img/chesspieces/wikipedia/(I guess this is the part I'm not sure about)" %}"'

我有另一个JavaScript变量叫piece，我想注入像这个{{piece}}，但不能因为它是一个JavaScript变量，而不是Django变量。

许多类似问题的答案似乎建议每次我想访问piece变量时都要创建一个视图并调用它，但我不认为这有任何机会在我的情况下工作，因为这会导致Too Many Requests错误。

Answer 1

与其动态设置，不如提前设置好?做静态查找不会有很大的开销。

var html = ""
var pieceDict = new Object();
pieceDict['king'] ='<img src = "{% static "img/chesspieces/wikipedia/king.gif" %}"'>
pieceDict['queen'] = '<img src = "{% static "img/chesspieces/wikipedia/queen.gif" %}"'>
...    
piece = "king"
html = pieceDict[piece]