Maison >interface Web >js tutoriel >Comment implémenter la fonction de vérification ajax à l'aide du cadre d'intégration SSM

Comment implémenter la fonction de vérification ajax à l'aide du cadre d'intégration SSM

php中世界最好的语言
php中世界最好的语言original
2018-03-31 17:29:411777parcourir

Cette fois, je vais vous montrer comment implémenter la fonction de vérification ajax à l'aide du framework d'intégration SSM. Quelles sont les précautions pour que la fonction de vérification ajax soit implémentée à l'aide du framework d'intégration SSM. cas pratique. Jetons un coup d'oeil une fois.

Je viens d'apprendre le framework ssm et la vérification ajax a réussi. Veuillez la partager

1. Importez le package jar

.

2. Configurez spring-servlet.xml

<bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter"> 
       <property name="messageConverters"> 
         <list> 
           <ref bean="mappingJackson2HttpMessageConverter" /> 
         </list> 
       </property> 
     </bean> 
     <bean id="mappingJackson2HttpMessageConverter" class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter"> 
       <property name="supportedMediaTypes"> 
         <list> 
           <value>text/html;charset=UTF-8</value> 
           <value>text/json;charset=UTF-8</value> 
       <value>application/json;charset=UTF-8</value>          </list> 
       </property> 
     </bean>

3. Utilisez @ResponseBody dans le contrôleur pour renvoyer le format de données json

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

4. La page reçoit le résultat de la requête

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("用户名可用");
       }
      }
     });
   }
et le le résultat est le suivant :

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le php. Site chinois !

Lecture recommandée :

Ajax+Spring pour implémenter le téléchargement de fichiers

Comment utiliser Ajax pour charger dynamiquement des données

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn