无法在Django模板html脚本中将python字典用作JSON

Question

我正在将python字典传递给Django模板html脚本，如下所示：-

def create_dict(request):
   #creating the dictionary and storing it in py_dict
   py_dict = json.dumps(py_dict)
   context = {
   "py_dict": py_dict
   }
   render(request, 'index.html', context)

在Django模板（index.html）中，我检索字典如下：-

<script language='javascript'> $(document).ready(function(){ var dict = "{{py_dict}}"; console.log(dict); }); </script>

Answer 1

根据经验，永远不要直接在javascript中呈现来自Django的任何内容。这可能导致潜在的XSS攻击。如果您希望从服务器获取数据，请在动态需要时使用AJAX，或者在加载页面时仅需要使用一次^{} template filter [Django docs]：

在HTML中的某个地方：

{{ py_dict|json_script:"py_dict" }}

这将呈现如下效果：

<script id="py_dict" type="application/json">JSON HERE</script>

接下来，在javascript中，您可以简单地使用：

var dict = JSON.parse(document.getElementById('py_dict').textContent);

Answer 2

而不是

var dict = "{{py_dict}}";

您可以简单地使用：

var dict = {{ py_dict | safe }};

您可以在这里检查safe模板标记https://docs.djangoproject.com/en/3.2/ref/templates/builtins/#safe