在 Django 中，json_script 是一个非常有用的模板过滤器，用于将 Python 数据转换为 JSON 格式，并将其嵌入到 HTML 中的 <script> 标签中。这样做的主要目的是在客户端 JavaScript 代码中访问这些数据。json_script 过滤器可以帮助你将后端的数据传递到前端，从而实现前后端数据的交互。
语法
{{ data|json_script:"variable_name" }}
作用
json_script 过滤器的作用是将 Python 数据转换为 JSON 格式，并将其嵌入到 HTML 页面中的 <script> 标签中。这样，在前端 JavaScript 代码中，你可以轻松地读取这些数据，而无需使用 Ajax 等其他技术来获取数据。
使用方法
使用 json_script 过滤器很简单。首先，在 Django 模板中，你需要先加载 json_script 过滤器，然后通过管道操作符 | 将数据传递给过滤器。
使用场景
son_script 过滤器在以下场景中特别有用：
-
将后端数据传递给前端 JavaScript：当你需要在页面加载时将一些后端数据传递给前端 JavaScript 进行处理时，这个过滤器很方便。
-
避免 Ajax 请求：有时候，你可能只需要在页面加载时将一些数据传递给前端，而不是在后续与服务器进行交互时请求数据。在这种情况下，
json_script过滤器可以避免使用额外的 Ajax 请求。
示例
假设你有一个 Django 视图，其中传递了一些数据到模板。例如，一个视图函数如下：
from django.shortcuts import render
import json
def my_view(request):
data = {
'name': 'John Doe',
'age': 30,
'email': 'john@example.com',
'is_subscribed': True,
}
data_json = json.dumps(data) # 将Python数据转换为JSON字符串
return render(request, 'my_template.html', {'data_json': data_json})
在上述视图中，我们将数据 data 转换为 JSON 字符串并传递给模板。
接下来，在模板文件 my_template.html 中，我们可以使用 json_script 过滤器将 JSON 数据嵌入到 <script> 标签中：
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
</head>
<body>
<!-- 将JSON数据嵌入到<script>标签中 -->
<script>
var dataFromBackend = {{ data_json|json_script:"dataFromBackend" }};
console.log(dataFromBackend);
// 这里你可以在控制台中查看输出的JSON数据
</script>
<!-- 在这里编写你的JavaScript代码，可以使用 dataFromBackend 变量来访问后端传递的数据 -->
</body>
</html>
在这个示例中，json_script 过滤器会将 data_json 变量的值嵌入到 dataFromBackend JavaScript 变量中。现在，你可以在前端 JavaScript 代码中使用 dataFromBackend 变量访问后端传递的数据。例如，可以通过 dataFromBackend.name 来访问名字，dataFromBackend.age 来访问年龄，等等。
注意：在使用 json_script 过滤器时，确保数据中不包含可能导致安全问题的内容，因为数据是直接嵌入到 HTML 中，可能会受到 XSS 攻击的风险。在真实应用中，请谨慎处理传递给 json_script 过滤器的数据。