Python 在前端获取json对象的值

我在django视图中发送一个模板和一个json对象作为render

views.py

 def view(request):
 return render(request, "projectboard/about.html", {'name':"daredevil"})

如何在前端显示这个json对象

关于.html

 <div ui-view>
 <div class="container">
 <h1><center>The about Page</center></h1>

 </div>
 <script type="text/javascript">
data_from_django = {{ my_data }}
 widget.init(data_from_django);
 </script>

关于页面
data_from_django={{my_data}
init（来自_django的数据）；

这里的

数据

是传递到html页面的上下文

在html页面中，使用其

键访问
数据
，即此处的“mydata”


关于页面
data_from_django={{my_data}
init（来自_django的数据）；
尝试将该行更改为：

var data_from_django = '{{ name|escapejs }}';

正确地转义JavaScript字符串上下文的值。
我收到一条消息说“未定义来自{u django的数据”您能在脚本外部显示{{my_data}}吗

在js脚本之前，它显示了什么？如果您命名了正确的html页面和路径，我看不出这段代码有任何问题。我认为变量

data\u from_django

应该在javascript中定义为

var data\u from_django={my\u data}

，检查是否有帮助。我收到一条消息说“未定义来自_django的数据”是浏览器控制台中的错误吗？还是来自Django错误屏幕？您能否验证生成的HTML看起来像：

data\u from\u django='{'name\'：\'daredevil\'}'？是的。它在浏览器控制台中。未捕获引用错误：未在以下位置定义来自_django的数据：p（jquery.min.js:2）的5:15，r.fn.init.after（jquery.min.js:3）的Ia（jquery.min.js:3）的p（jquery.min.js:2）和r.fn.init.after（jquery.min.js:3）的Object.enter（angular.js.js:3970）的q（angular.ui router.min.js:7）和A（angular.min.js:7）在t.transition.N.then.t.transition.t.transition（angular ui router.min.js:7）的范围内$broadcast（angular.js:12329）
     <div ui-view>
 <div class="container">
 <h1><center>The about Page</center></h1>

 </div>
 <script type="text/javascript">
data_from_django = {{ my_data }}
 widget.init(data_from_django);
 </script>

var data_from_django = '{{ name|escapejs }}';