將django變量傳遞給javascript

Question

我想將django變量傳遞給javascript這樣的字典，該字典像這樣的{u'testvar1'：u'1'，u'testvar2'：u'38'，u'testvar3'：u'160'}。我似乎無法找到相同的解決方案。我是django的新手，非常抱歉這個noobie問題。

Answer 1

首先，您擁有以u開頭的字符串這一事實意味着您正在使用Python 2.7，這不僅是Python的一個非常舊的版本，而且還意味着您正在使用的Django版本已過時，因為最近的版本僅支持Python3。您應該立即升級。

不過，要回答您的問題，您應該為此使用JSON。

return render(request, 'my_template.html', {'data': json.dumps(data)}

並在您的模板中：

var data = JSON.parse("{{ data|safe }}")

Answer 2

您通過上下文傳遞變量，然后可以在Django模板的腳本中使用它們

def myview():
    ...
    return render(request, 'my_template.html', {'testvar1': testvar1}


<script>
    var testvar1 = {{ testvar1 }}
</script>

Answer 3

def foo_view(request, slug):
    context_data = {u'testvar1': u'1', u'testvar2': u'38', u'testvar3': u'160'}
    return render(request, 'foo_template.html', context_data)

#foo_template.html
<script type="text/javascript">
   var a = "{{testvar1}}";
</script>

Answer 4

首先，將該字典放入Django模板中，並將其設置為以下html元素之一的值：

<input type="hidden" id="dict" value="{{your dict}}">

現在獲取javascript中html元素的值。

In java script:
<script>
var dict = document.getElementById("dict").value;

</script>