缺少变量值时Django Template中的Javascript语法错误

我有一个带有AJAX菜单的Django模板（点击不同的菜单项会重新加载页面的一部分）。 每个菜单单击通过AJAX调用Django视图函数，并返回一些要在页面上显示的数据。

我正在加载主页面中所有菜单项所需的所有JS（因为我了解到AJAX在

返回JS然后使用eval（）来执行它并不是一个好主意）。 由于我只在菜单的主页面上加载所有JS，因此在启动时显然不存在其他菜单选项的数据，因为稍后调用相应的视图时（单击菜单选项时）

因此，像下面的代码在控制台上给出了语法错误，因为JS仅在第一次被解析。

  var data = {{se_data|safe}};  

现在我无法使用从视图返回的数据，即使在我单击菜单选项之后，因为JS解析首先失败了。 我尝试使用if只在选择了相应的菜单选项时执行代码，但由于解析器只解析所有内容，因此也无效。

我一直在尝试不同的方法来解决这个问题，但似乎无法找到解决这个问题的有效方法。 另一种方法是让视图函数首先返回所有数据，但我担心菜单选项和返回的数据可能会随着时间的推移而增长，从而延迟了主菜单页面的初始加载。

这是ajax菜单的点击function：

 $(".ent-menu li a").click(function(e) { e.preventDefault(); // prevent from going to the page mentioned in href // get the href var href = $(this).attr("href"); $("#data_container").load(href, function() { load_data(); //this function uses the data variable defined earlier }); }); 

加载菜单主页时我在控制台中看到的错误：

 Uncaught SyntaxError: Unexpected token ; at line 1110 data = ; 

由于数据尚未公布。

Answer 1

如上所述，您应该使用JSON将数据从Python发送到JS; 使用JSON.parse()反序列化在JS中使用的数据。