Maison > interface Web > js tutoriel > Ajax vérifie l'unicité de l'utilisateur

Ajax vérifie l'unicité de l'utilisateur

亚连
Libérer: 2018-05-24 09:55:01
original
1721 Les gens l'ont consulté

Cet article présente principalement le caractère unique des utilisateurs de vérification Ajax et l'environnement de vérification Ajax+Jquery+Json+struts2. Les amis intéressés peuvent se référer à

Pour les débutants, apprenez à vérifier les utilisateurs avec Ajax Le but de l'unique. la pratique est de consolider les connaissances de base d'Ajax, Jquery, Json et Struts2. Le contenu spécifique est le suivant

Parcourez les rendus :

Ajax vérifie lunicité de lutilisateur

Ajax vérifie lunicité de lutilisateur.

Ajax vérifie lunicité de lutilisateur

Ajax vérifie lunicité de lutilisateur

Alors commençons, Les étapes sont les suivantes

1. importer les packages et fichiers requis

Package Json :

Ajax vérifie lunicité de lutilisateur

Package struts2 :

Ajax vérifie lunicité de lutilisateur

Présentation de jquery -2.1.Fichier 1.min.js.

<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
Copier après la connexion

2. Ensuite, nous devons configurer le filtre Struts2

<filter>
 <filter-name>struts2</filter-name>
 <filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>
 </filter>
 <filter-mapping>
 <filter-name>struts2</filter-name>
 <url-pattern>/*</url-pattern>
 </filter-mapping>
Copier après la connexion

3. jsp Bien sûr, vous pouvez y ajouter des styles CSS pour la rendre plus belle. (Je ne l'ai fait que brièvement, un peu bas)

<p class="row">
 <h1>Ajax+Jquery验证用户的唯一性</h1>
 <form action="" method="post">
  <h3>名字:</h3>
  <input type="text" id="name" class="form-control" name="user.name" id="name" placeholder="请输入你的用户名">
  <br><br>
  <input type="submit" class="btn btn-success" value="验证用户的唯一性"/>    
  <span id="namemsg"></span>
 </form>
</p>
Copier après la connexion

4. Ensuite, nous avons commencé à écrire Action.

//验证用户的唯一性
public void isexist() throws IOException {
  boolean exist = name.equals("张三") ;
  JSONObject result=new JSONObject();
  if(exist){
   result.put("exist", true);
  }else{
   result.put("exist", false);
  }
  ServletActionContext.getResponse().setContentType("text/html;charset=utf-8");
  PrintWriter out=ServletActionContext.getResponse().getWriter();
  out.println(result.toString());
  out.flush();
  out.close();
 }
Copier après la connexion

5. Enfin, écrivez le fichier Struts.xml

<package name="user" namespace="/" extends="struts-default">  
 <action name="user_*" class="com.ddge.action.UserAction" method="{1}">
  <result name="error">/login.jsp</result>
 </action>
</package>
Copier après la connexion

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 :

Comment Ajax appelle l'interface restful pour transmettre des données au format Json (avec code)

Serveur Boa Ajax et communication cgi sous (tutoriel graphique)

Ajax+Struts2 implémente la fonction de vérification du code de vérification (tutoriel graphique)

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal