Django 使用外部JS文件导致模板变量和{% url %}失效的问题

今天遇到一个问题,本来在django的模板文件body最后面定义了一个block块用来放自己写的js代码。在使用这个模板的html文件里再定义这个block,然后在里面写js。
在这里插入图片描述
后面想把JS放到一个js文件中,然后再引入,这样JS和html代码分开比较清晰。像下面这样
在这里插入图片描述
然后发现外部引入JS文件怎么都不生效,ajax的url就错误了,而直接写在html里却是可以的。找了好久才发现问题所在,是因为我JS代码中有引用模板变量和urls文件中定义的url变量,使用外部JS文件的话Django就不能解析出变量,像下面这样:

在这里插入图片描述
在这里插入图片描述

解决方法:能不用模板变量就尽量不用,例如有些只能从页面上获取就直接用jquery从页面上获取吧,如下第一张图。例如ajax里面的url这种,可以直接使用路径/restartdo/,如果真的想使用url变量的话(怕资源更改麻烦),可以在html中将url的值定义为一个变量,然后在JS文件中将ajax中的url设为这个变量。入下第二三张图。大概就这样吧,目前没发现更好的方法,JS能不用模板变量就尽量不用吧。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值