使用 Django 2.1+ 和现代网络的更新进行编辑：

现代方法是：

1) 将原始数据传递给模板，而不是 JSON 序列化的数据。IE：

def annotate(request, ...):
    ...
    oldAnnotations = lastFrame.videoannotation_set.filter(ParentVideoLabel=label)
    ...
    return render_to_response('vannotate.html', {'tags': oldAnnotations, ...})

2) 在您的模板中，使用新的“json_script”过滤器来包含 JSON 数据：

{{ tags|json_script:"tags-data" }}

这将导致 HTML 如下所示：

<script id="tags-data" type="application/json">{"foo": "bar"}</script>

该标签对包含“</script>”的字符串进行了特殊处理，以确保它们正常工作。

3) 在你的 Javascript 代码中，像这样获取标签数据：

var tags = JSON.parse(document.getElementById('tags-data').textContent);

4) 将您的 Javascript 代码移至外部 .js 文件，并设置 Content-Security-Policy 标头以禁止内联 Javascript，因为它存在安全风险。请注意，由于 json_script 标记生成 JSON，而不是 Javascript，因此无论您的 Content-Security-Policy 设置如何，它都是安全的并且是允许的。

原答案：

警告：如果任何字符串是用户控制的，这是不安全的

JSON是Javascript 源代码。即数组的 JSON 表示是定义数组所需的 Javascript 源代码。

所以之后：

var tagbs = {{ tags|safe }};

tagbs是一个包含所需数据的 JavaScript 数组。无需调用 JSON.parse()，因为 Web 浏览器已将其解析为 JavaScript 源代码。

所以你应该能够做到

var tagbs = {{ tags|safe }};
alert(tagbs[0].fields.ParentVideoFile);

那应该显示“4”。

警告：使用这种旧方法，包含“</script>”的字符串将不起作用，它们会出错。这是因为浏览器会将 </script> 视为脚本的结尾。如果任何字符串是用户输入的数据，则这是一个可利用的安全漏洞 -有关更多详细信息，请参阅此处的评论 14。改用上面更现代的方法。

您想对模板中的数据进行 JSON 化；JSON 已经是真正的 Javascript（它是一个子集：

{% if tags %}
  var tgs = {{ tags }};
{% endif %}

请注意，tags已经是JSON（JavaScript的因而）数据和可以插入直接; 无需转义（此处没有 HTML，而是 JavaScript）。

或者您可以使用此Django 代码段并直接在模板中执行（无需调用serializers.serialize该annotate方法）：

var tgs = {{ tags|jsonify }};

您也可以使用simplejson来自django.utils. 喜欢：

oldAnnotations = lastFrame.videoannotation_set.filter(ParentVideoLabel=label)
dump = simplejson.dumps(oldAnnotations)

return HttpResponse(dump, mimetype='application/json')

您可以从 JS 端解析和访问此中的所有数据。