如题所述
看来你不能在模板中有一个未定义的变量。
我假设您建议将JS脚本及其所需数据放入模板中(通过字符串插值将数据注入JS脚本) 你可以看到它如何快速失控.下面我提供代码组织的级别,按升序排列(一般来说,你越往往越好) 1.使用脚本标记包含您的JS,而不是嵌入到HTML中 第一步：将JS放入自己的.js文件中,并通过< script>包含它.标签很简单.所以,让我们这样做.而且,现代浏览器可以并行加载文件,因此同时加载HTML和JS文件是一个优势. 2.避免使用Django模板将数据输入JS 现在我见过人们做的另一个问题是使用< script> data = {“info”：“something”}< / script>将数据传递给JS.在包括他们的JS代码之前. 由于数据在Django模板中进行字符串插值这一事实原因很多,这也不是很理想： 3.让JS通过Django(REST)API提取数据 但是,既然你说你熟悉Django,我建议你创建一个视图,以JSON格式返回客户端JS需要的数据.例如.在/ api / info上返回{“info”：“something”}的东西. 有很多方法可以实现这一点,here’s a start(尽管可能已经过时) 然后我让script.js文件通过简单的HTTP GET调用读取数据.很多JS库都可以轻松地为您完成此任务. 这种方法的一些优点 >您的代码(JS部分)独立于数据部分(JSON数据)>您可以轻松查看/测试正在输入JSON的内容,因为它只是一个HTTP GET请求>您的HTML / JS部分是完全静态的,因此可以缓存,从而提高了加载页面的性能.> Python数据转换为JSON非常简单(没有插值功夫)。
我假设您建议将JS脚本及其所需数据放入模板中(通过字符串插值将数据注入JS脚本) 你可以看到它如何快速失控.下面我提供代码组织的级别,按升序排列(一般来说,你越往往越好) 1.使用脚本标记包含您的JS,而不是嵌入到HTML中 第一步：将JS放入自己的.js文件中,并通过< script>包含它.标签很简单.所以,让我们这样做.而且,现代浏览器可以并行加载文件,因此同时加载HTML和JS文件是一个优势. 2.避免使用Django模板将数据输入JS 现在我见过人们做的另一个问题是使用< script> data = {“info”：“something”}< / script>将数据传递给JS.在包括他们的JS代码之前. 由于数据在Django模板中进行字符串插值这一事实原因很多,这也不是很理想： 3.让JS通过Django(REST)API提取数据 但是,既然你说你熟悉Django,我建议你创建一个视图,以JSON格式返回客户端JS需要的数据.例如.在/ api / info上返回{“info”：“something”}的东西. 有很多方法可以实现这一点,here’s a start(尽管可能已经过时) 然后我让script.js文件通过简单的HTTP GET调用读取数据.很多JS库都可以轻松地为您完成此任务. 这种方法的一些优点 >您的代码(JS部分)独立于数据部分(JSON数据)>您可以轻松查看/测试正在输入JSON的内容,因为它只是一个HTTP GET请求>您的HTML / JS部分是完全静态的,因此可以缓存,从而提高了加载页面的性能.> Python数据转换为JSON非常简单(没有插值功夫)。
温馨提示：答案为网友推荐，仅供参考
