Téléchargez directement le code:
reg_ajax.html
<! Doctype html> <html> <éadf> <meta charset = "utf-8"> <ititle> Les demandes ajax servent le nom d'utilisateur pour vérifier si le nom d'utilisateur existe </ title> </ head> <body> <script type = "text / javascrip xmlHttp; essayez {// firefox, opéra 8.0+, safari xmlhttp = new xmlHttpRequest (); } catch (e) {// Internet Explorer essaie {xmlhttp = new activeXObject ("msxml2.xmlhttp"); } catch (e) {try {xmlhttp = new activeXObject ("Microsoft.xmlhttp"); } catch (e) {alert ("Votre navigateur ne prend pas en charge ajax!"); retourne false; }}} return xmlhttp; } / ** * Envoyer une demande ajax * URL - Request URL sur le serveur * méthodeType (post / get) * con (true (asynchrone) | false (synchrone)) * functionname (nom de méthode de rappel, aucun quottement, il est nécessaire, il est appelé unique ajaxRequest (url, méthodytype, con, functionname) {// get xmlHttpRequest objet var xmlhttp = getajaxhttp (); // Définissez la fonction de rappel (une fonction appelée lors de la réponse) xmlhttp.onreadystateChange = function () {// Quand le code de cette fonction est-il appelé par l'objet XMLHttpRequest? // Lorsque le serveur répond, l'objet XmlHttpRequest appellera automatiquement la méthode de rappel if (xmlhttp.readystate == 4) {if (xmlhttp.status == 200) {functionname (xmlhttp.ResponSeText); }}}}; // Créer une demande xmlhttp.open (méthodyType, URL, con); // Envoi de la demande xmlhttp.send (); } fonction CheckUserName () {var username = document.getElementById ('username'). valeur; // Créer Ajax Request Servlet AjaxRequest ("Uservlet? Username =" + username, "Post", true, ckuserAmèreResponse); } fonction ckuserAmeResponse (ResponseContents) {if (ResponseContents == 'OUI') {document.getElementById ('usernamemsg'). innerhtml = "<font color = 'red'> username exist </font>"; document.getElementById ('username'). style = "background-Color: Red"; } else {document.getElementById ('usernamemsg'). innerhtml = ""; document.getElementById ('username'). style = "background-Color: White"; }} </ script> <baling> <tr> <td> nom d'utilisateur </td> <td> <input type = "text" id = "username" onblur = "checkUsername ()" /> </td> <td> <div id = "usernamemsg"> </v> </td> </tr> <tr> <td> e-mail </td> id = "email" /> </td> <td> <div id = "emailmsg"> </ div> </td> </tr> </s table> </ body> </html>Le code de servlet demandé est le suivant, userservlet.java
Package CN.BestChance.servlet; Importer java.io.ioException; Importer java.util.arrayList; Importer Javax.servlet.servletException; Importer Javax.servlet.annotation.webservlet; Importer Javax.servlet.http.httpservlet; Importer Javax.servlet.http.httplets; javax.servlet.http.httpservletRequest; Importer javax.servlet.http.httpservletResponse; / ** * Classe d'implémentation de servlet Useservlet * / @ weseservlet ("/ useservlet") public class userservlet étend htttpservlet {private static final Seralversionuid = 1L; Protected void doGet (HttpServLetRequest Request, HttpServletResponse Response) lève ServletException, ioException {doPost (request, réponse); } / ** * @see httpServlet # doPost (HttpServLetRequest request, httpservletResponse réponse) * / Protected void doPost (httpservletRequest request, httpservletResponse réponse) lance servletException, ioException {string userName = request.GetParameter ("usserAmDame"); // ArrayList est utilisé ici au lieu d'interroger les données de la base de données. ArrayList <string> userList = new ArrayList <string> (); userList.add ("admin"); userList.add ("test"); userList.add ("chance"); // Vérifiez si le nom d'utilisateur a un drapeau booléen = false; for (String String: userList) {if (string.equals (nom d'utilisateur)) {flag = true; casser; }} if (Flag) {// Le nom d'utilisateur existe déjà Response.getWriter (). print ("Oui"); } else {// Le nom d'utilisateur n'existe pas de réponse.getWriter (). print ("non"); }}}Ce qui précède est tout le contenu de cet article. J'espère que cela sera utile à l'apprentissage de tous et j'espère que tout le monde soutiendra davantage Wulin.com.