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.youkuaiyun.com/hunt_er/article/details/104771312
然后,我将js文件夹直接拉到WEB-INF同级目录,然后不要忘记在Project Structure中的Artifacts中输出目录下新建一个js文件,同样也需要将jquery文件导入
然后重新启动tomcat,问题就解决了
4 finally
如果还是不能解决问题,只能尝试重启或者新建一个项目重新开始吧 be patient!