码迷,mamicode.com
首页 > Web开发 > 详细

SSM整合框架实现ajax校验

时间:2017-04-24 00:04:12      阅读:375      评论:0      收藏:0      [点我收藏+]

标签:oaf   bean   rtp   代码   eoq   mvm   lan   exp   sep   

刚学习了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校验

标签:oaf   bean   rtp   代码   eoq   mvm   lan   exp   sep   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!