JSP引入jQuery的方式有哪些

本篇内容主要讲解“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进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

评论

有免费节点资源,我们会通知你!加入纸飞机订阅群

×
天气预报查看日历分享网页手机扫码留言评论Telegram