SSM整合框架實現ajax校驗

時間 2019-11-25

標籤 ssm 整合框架實現 ajax 校驗欄目 Ajax 简体版

原文原文鏈接

剛學習了ssm框架,ajax校驗成功,分享下html

1.導入jar包web

2.配置spring-servlet.xmlajax

 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數據格式spring

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.頁面中接收查詢到的結果json

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("用戶名可用");
              }
            }
          });
      }

實現結果就是如下這樣的:mvc