javascript - 如何将上下文变量传输到 Django 中的 html 绑定(bind) JavaScript 代码中？

Question

我写下了一个观点:

def Country_names(request):
    c_list = []
    for c_name in c_names:
        c_list.append(c_name)
    return render(request, 'DATAPLO/Country_list.html', {'c_list':c_list})

此 View 在我的 html 模板中进一步将列表/数组传输到模板，它尝试将此 python 变量转换为 javascript 数组变量。

<script>
//variable defined to store "c_list" array 
 var c_names = {{c_list}}
//try to access array items like this
 c_names[0]
</script>

但是他的方法在我的情况下不起作用，我该怎么做，我在网络上探索了dfew类似的线程，但在我的情况下没有任何效果。

谢谢

Answer 1

更新了答案，其中包括国家/地区模型

模型.py:

class Country(models.Model)
    name = models.CharField(max_length=100)

因此，如果您的国家/地区模型如下所示，我们需要将其放入要转换为 json 的字符串列表中。

import json

def Country_names(request):
    c_list = Country.objects.all().values_list('name', flat=True)
    return render(request, 'DATAPLO/Country_list.html', {'c_list':json.dumps(c_list)})

然后以HTML格式输出。请记住将其标记为安全，这样它就不会逃脱

<script>
    //variable defined to store "c_list" array
    var c_names = {{c_list|safe}}
</script>