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("用户名可用");
              }
            }
          });
      }
复制代码
复制代码

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

posted @   long77  阅读(1985)  评论(0编辑  收藏  举报
编辑推荐:
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
阅读排行:
· 百万级群聊的设计实践
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
· .NET 10 首个预览版发布,跨平台开发与性能全面提升
· 《HelloGitHub》第 107 期
点击右上角即可分享
微信分享提示