仿天猫网站开发笔记4：将Django模板变量传递给外部js调用的方案

遇到的问题

这里想用js控制达到一个效果，就是添加数量的最大值不能超过库存。
由于在我的项目中，js文件和html文件是分开的，因此在js文件中貌似不能使用templates模板变量。当然这里也可以通过templates进行逻辑判断。但是为了顺便学习一下前端知识。因此遇到这个问题。

---

查到的解决方案

先说结论，想完全剥离js和模板而又需要使用模板渲染的数据，目前并没有什么好办法。
已知的解决方案有以下几种：

• 将数据渲染到HTML代码中并隐藏。有点是简单，缺点是会多出很多的隐藏字段，js中要写大量的getElementsByxxx
• 另一个办法是在HTML文件中使用<script> 标签将后台传递的数据渲染成js对象，然后在代码中直接使用。
• 现在流行单页应用网站（SPA，Single Page Application），那么django作为后端仅提供json数据也是一种方案，但是这样比较考研前端人员的能力。