Le cadre d'intégration SSM du framework Ajax implémente la vérification ajax

Cet article présente principalement le framework d'intégration SSM du framework Ajax pour implémenter la vérification ajax. Les amis qui en ont besoin peuvent s'y référer

Je viens d'apprendre le framework ssm et la vérification ajax a réussi. Partagez-le. 🎜>

1. Importer le package jar

2. Configurer 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. Recevez les résultats de la requête sur la page .

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

Le résultat de la mise en œuvre est le suivant :

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère que cela sera utile à tout le monde à l'avenir.

Articles associés :

NatifajaxExemple de chargement pull-up (tutoriel image et texte)

MUi Framework ajaxDemande d'interface WebService instance_AJAX liée

Utilisez ajax pour soumettre le formulaire à la base de données en détail (pas d'actualisation)

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!