SSM整合框架实现ajax校验

SSM整合框架实现ajax校验

 

刚学习了ssm框架,ajax校验成功,分享下

1.导入jar包

2.配置spring-servlet.xml

 1 <bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">  
 2             <property name="messageConverters">  
 3                 <list>  
 4                     <ref bean="mappingJackson2HttpMessageConverter" />  
 5                 </list>  
 6             </property>  
 7         </bean>  
 8         <bean id="mappingJackson2HttpMessageConverter" class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">  
 9             <property name="supportedMediaTypes">  
10                 <list>  
11                     <value>text/html;charset=UTF-8</value>  
12                     <value>text/json;charset=UTF-8</value>  
13                     <value>application/json;charset=UTF-8</value>  
14                 </list>  
15             </property>  
16         </bean>

3.控制器中用@ResponseBody实现返回json数据格式

1 @ResponseBody
2      @RequestMapping(value="queryByUser", method=RequestMethod.POST,produces="application/json;charset=UTF-8")  
3     public User queryByName(User user,HttpServletRequest request){
4         User u = userBiz.queryByName(user);
5         return u;
6     }

4.页面中接收查询到的结果

function checkUser(){
          var username=$("#username").val();
          
          $.ajax({
             url:"queryByUser",
             type:"post",
             data:{"username":username},
             dataType:"json",
            success:function(data){
                 if (data!=null ) {
                  $("#userSpan").text("用户名已存在");
                  $("#username").val('');
              }else if(data==null && username !=''){
                  $("#userSpan").text("用户名可用");
              }
            }
          });
      }

实现结果就是以下这样的: