JSP引入jQuery的方式有哪些

蜗牛互联网技术资讯 2022-09-27 123 0

本篇内容主要讲解“JSP引入jQuery的方式有哪些”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“JSP引入jQuery的方式有哪些”吧!

在jsp页面引入JQuery插件，主要的是引入的路径问题，下面有三种方式：

1 .在WetRoot下直接建立jsp文件，将jquery-1.7.js放入一个新建的文件夹下：如图：

JSP引入jQuery的方式有哪些 jsp 第1张

此时在index.jsp中引入jquery的代码为：在head里

<head>  <script type="text/javascript" src="./plugins/jquery-1.7.js"></script>  </head>

2.在WebRoot下新建一个文件夹jsp，jquery-1.7.js放入一个新建的文件夹下：如图：

JSP引入jQuery的方式有哪些 jsp 第2张

<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引入jQuery的方式有哪些”有了更深的了解，不妨来实际操作一番吧！这里是蜗牛博客网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：niceseo99@gmail.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。