在jsp中引入jQuery

 

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

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

jquery 中写jsp代码提示 jsp能用jquery吗_jsp

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

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

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

jquery 中写jsp代码提示 jsp能用jquery吗_SpringMVC_02

此时在myname.jsp中引入jquery的代码为：

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

3.管用的但不推荐的解决方案

在jsp文件顶端填入以下代码

 

在引入jquery时，填写如下代码：

jquery 中写jsp代码提示 jsp能用jquery吗_Excel_03

1. <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/>

就可以了。