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

遇到的问题

这里想用js控制达到一个效果，就是添加数量的最大值不能超过库存。

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

查到的解决方案

先说结论，想完全剥离js和模板而又需要使用模板渲染的数据，目前并没有什么好办法。

已知的解决方案有以下几种：

将数据渲染到HTML代码中并隐藏。有点是简单，缺点是会多出很多的隐藏字段，js中要写大量的getElementsByxxx

另一个办法是在HTML文件中使用

<script>

标签将后台传递的数据渲染成js对象，然后在代码中直接使用。

现在流行单页应用网站（SPA，Single Page Application），那么django作为后端仅提供json数据也是一种方案，但是这样比较考研前端人员的能力。