javascript - 如何正确地将 django 列表/字典传递给 javascript

Question

我有一个项目列表，想将它传递给 javascript 数组。Django 版本 2.2.3

在我的 views.py 中:

my_list = ["one", "two"]
    context = {
        'my_list ': json.dumps(my_list),
    }
return render(request, 'my_template.html', context)

my_template.html

<script>
var my_array = JSON.parse("{{ my_list|safe }}")
document.write(my_array )
</script>

根据大多数主题的答案，我的代码是有效的，但没有显示任何数据。

也试过:

<script>
var my_string = "{{my_list}}";
var my_array = my_string.split(',');
document.write(my_array)
</script>

在这种情况下，当我想显示它时，我得到了

[" one  "

Answer 1

As of Django 2.1, you can now use the json_script template tag to include a python object as JSON in your template.

在您的情况下，它看起来像这样:

{{ my_list |json_script:"my_array" }}

然后您可以从您的脚本访问它:

var myArray = JSON.parse(document.getElementById('my_array').textContent);