Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法在我的django模板中使用JSON.parse_Javascript_Python_Json_Django - Fatal编程技术网

Javascript 无法在我的django模板中使用JSON.parse

Javascript 无法在我的django模板中使用JSON.parse,javascript,python,json,django,Javascript,Python,Json,Django,我在Django视图中有一个变量data1,它是通过以下方式返回的- def dashboard(request): df1 = pd.read_excel("file.xlsx") str1= df1.to_json(orient = 'records') data1 = json.loads(str1) return render(request, 'dashboard/new 1.html',{'data1' : data1}) 然后使用javascript在模板

我在Django视图中有一个变量data1,它是通过以下方式返回的-

def dashboard(request):
   df1 = pd.read_excel("file.xlsx")
   str1= df1.to_json(orient = 'records')
   data1 = json.loads(str1)
   return render(request, 'dashboard/new 1.html',{'data1' : data1})
然后使用javascript在模板中调用该变量

 <script type = text/javascript>    
   var ob2 = JSON.parse( {{ data1 }} );
   document.write(ob2);
 </script>

var ob2=JSON.parse({{data1}});
文件编写(ob2);

这不会在创建的HTML网页上显示任何内容。代码中有什么错误吗?

尝试将其作为字符串输出:

<script type = text/javascript>    
  var ob2 = JSON.parse( "{{ data1 }}" );
  document.write(ob2);
</script>

var ob2=JSON.parse(“{data1}”);
文件编写(ob2);

如果这不能产生结果,我建议在屏幕上打印
{{{data1}}
,准确查看Django返回的内容。

除了酿酒师的答案,其他问题还有:

data1 = json.loads(str1)
这将JSON字符串转换回Python数据结构。只需将str1本身发送到模板,并将其称为
a
,因为这是您在模板中使用的:

return render(request, 'dashboard/new 1.html',{'a' : str1})

通过删除
Parse

 <script type = text/javascript>    
   document.write("{{ data1 }}");
 </script>

写(“{data1}”);

打开该页面时,您是否在浏览器控制台中看到任何错误?请删除解析并尝试
document.write(“{data1}”)
;或者
console.log(data1)
可能对调试有更多帮助。有控制台错误吗?很抱歉。。。我添加了一段代码,该代码在修改为var ob2=JSON.parse(“{data1}”)后进行了编辑;文件编写(ob2);该变量的输出是什么?