jsp不能正常引入jquery($ is not defined)问题分析


jsp中不能正常引入jquery的原因有很多,让我们一步一步来排除

1 idea中不能引入jquery

首先如果你的IDE在编写代码的过程中,不能正常识别$,那么可以通过设定Libraries,添加本项目的jQuery

step1

打开settings --> Languages & Frameworks --> Libraries -->

在这里插入图片描述

step2

点击勾选jquery按钮,如果不存在这个选项,可以通过add来新建,其中下面三个方格中分别填入jQuery, Global, jquery文件地址

在这里插入图片描述

2 路径导入问题

如果以上的操作,依然不能解决问题,那么可以检查一下导入的src地址是否正确

<script type="text/javascript" src="js/jquery-3.4.1.js"></script>

导入js包的语句必须在你js语句之前

3 静态文件不能放在WEB-INF下

这个也是我遇到的问题,我之前是将jquery文件放在 WEB-INF/js/jquery-3.4.1.js中,但是浏览器一直都是

在这里插入图片描述

折腾了很久,后来通过检测,放在http://localhost:8080/(网站名)/ 下的文件是可以访问到的,那么问题就出在路径设置上了,通过查阅资料,原来 静态文件不能放在WEB-INF下,解释如下:

在进行WEB开发时遇到WEB-INF下的静态资源不能访问的问题,反复调试,终于想通。

由于WEB-INF目录下资源文件安全性都是很高的。它是不能直接通过浏览器来访问。

只能通过服务器来访问------所以WEB-INF目录下一般存放的是lib文件夹(项目需要用到的jar包),服务器的配置文件web.xml,以及一些访问安全性较高的jsp/html页面(通常是后台管理页面)。

如果要访问WEB-INF下的jsp/html页面,只能通过请求转发(经过控制层)来访问。

所以即使做了静态资源放行的配置,通过浏览器访问还是会报404。

参考:https://blog.csdn.net/hunt_er/article/details/104771312

然后,我将js文件夹直接拉到WEB-INF同级目录,然后不要忘记在Project Structure中的Artifacts中输出目录下新建一个js文件,同样也需要将jquery文件导入

在这里插入图片描述

然后重新启动tomcat,问题就解决了

4 finally

如果还是不能解决问题,只能尝试重启或者新建一个项目重新开始吧 be patient!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值