首页 > Web开发 > 详细

SSM整合框架实现ajax校验

时间:2017-04-23 23:40:06      阅读:367      评论:0      收藏:0      [点我收藏+]

刚学习了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("用户名可用");
              }
            }
          });
      }
技术分享

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

技术分享

SSM整合框架实现ajax校验

原文:http://www.cnblogs.com/cnblog-long/p/6754601.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!