JSP引入jQuery的三种方式
- 2021-06-25 12:21:44
- 3227次 星辉
在jsp页面引入JQuery插件，主要的是引入的路径问题，下面有三种方式：
1 .在WetRoot下直接建立jsp文件，将jquery-1.7.js放入一个新建的文件夹下：如图：
此时在index.jsp中引入jquery的代码为：在head里
<head>
<script type="text/javascript" src="./plugins/jquery-1.7.js"></script>
</head>
2.在WebRoot下新建一个文件夹jsp，jquery-1.7.js放入一个新建的文件夹下：如图：
<head>
<script type="text/javascript" src="../plugins/jquery-1.7.js"></script>
</head>
3.管用的但不推荐的解决方案
在jsp文件顶端填入以下代码
在引入jquery时，填写如下代码：
<script type="text/javascript" src="<%=basePath%>/plugins/jquery/jquery-1.7.js">
此时的文件结构如同2的情况。
当然还有可以直接引入绝对路径!
但今天遇到一个问题，使用了上面各种方式都引入失败，返回404错误!
为什么呢?后来想起使用的是springmvc，在配置的时候可能会影响到静态文件的使用，如js、css。
在springMvc配置文件中加入
<mvc:annotation-driven/>
<mvc:default-servlet-handler/>
就可以了。
大家想了解更多关于JSP的知识，可以到官网的JSP教程技术文档中学习。
选你想看
你适合学Java吗？4大专业测评方法
代码逻辑 吸收能力 技术学习能力 综合素质
先测评确定适合在学习
在线申请免费测试名额
价值1998元实验班免费学
价值1998元实验班免费学
在线咨询
免费试学