SpringMVC无法引入Jquery的问题

r囧r小猫 2022-05-14 02:34 341阅读 0赞

Uncaught ReferenceError: $ is not defined
        at hellow.js:1

页面提示jquery没有定义，其实就是jquery没有正确引入，网上看了一些资料，有说web.xml配置拦截静态请求的，有说spring-xml配置的，但都没有找到我的错误。

在这里说一下中级解决方案：

检查以下文件，1.web.xml是否把所有静态资源都拦截了，

2.spring-xml文件配置是否正确；

3.jsp页面引入的jquery路径是否正确；

其实我的问题是犯了个低级错误，jquery的引入顺序应该在对应js之上；

下面给出正确的三个地方正确代码：

![70][]

1.web.xml设置为只拦截.do的形式

<?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" version="2.5">
      <display-name>ttmTestJiang</display-name>
     <servlet>
    		<servlet-name>dispatcherServlet</servlet-name>
    		<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    		<init-param>
    			<param-name>contextConfigLocation</param-name>
    			<param-value>classpath:spring-*.xml</param-value>
    		</init-param>
    		<load-on-startup>1</load-on-startup>
    	</servlet>
    	<servlet-mapping>
    		<servlet-name>dispatcherServlet</servlet-name>
    		<url-pattern>*.do</url-pattern>
    	</servlet-mapping>
        
    	
    </web-app>

2.spring-mvc-xml文件：

<context:component-scan base-package="cn.jiang.test" />
         
        
        <mvc:annotation-driven conversion-service="conversionService" />
                       
        
        <bean id="conversionService"
            class="org.springframework.format.support.FormattingConversionServiceFactoryBean">
        </bean>

如果是配置了shiro安全框架：则：spring-shiro-xml文件应对静态资源放行：

<bean id="shiroFilter" class="org.apache.shiro.spring.web.ShiroFilterFactoryBean">
             
             <property name="securityManager" ref="securityManager"/>
             
             <property name="loginUrl" value="/loginUI.do"></property>
             
             
             
             
             <property name="filterChainDefinitions">
                 <value>
                     
                     /images/** = anon
                     /js/** = anon
                     /css/** = anon
                     /static/** = anon
                     /bootstrap/** = anon
                     /jquery/** = anon
                     
                     /login.do = anon
                     
                     /logout.do = logout  
                     
                     /** = authc
                 </value>
             </property>
         </bean>
         
         <bean id="securityManager" class="org.apache.shiro.web.mgt.DefaultWebSecurityManager">
             <property name="realm" ref="shiroUserRealm"></property>
         </bean>
         
        <bean id="shiroUserRealm" class="cn.tedu.ttms.common.service.impl.ShiroUserRealm">
        	
        	<property name="credentialsMatcher">
        		<bean class="org.apache.shiro.authc.credential.HashedCredentialsMatcher">
        			<property name="hashAlgorithmName" value="MD5"/>
        			
        		</bean>
        	</property>
        </bean>
    	
    	<bean id="lifecycleBeanPostProcessor" class="org.apache.shiro.spring.LifecycleBeanPostProcessor"/>
    	
    </beans>

3.jsp路径引入：注意，jquery顺序：

<%@ page  contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <c:set var="basePath" value="${pageContext.request.contextPath}"></c:set>
    <script type="text/javascript" src="${basePath}/jquery/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="${basePath}/testJs/hellow.js"></script>

[70]: /images/20220514/310f80c262f947f9805ec76600671630.png