Cargue directamente el código:
reg_ajax.html
<! Doctype html> <html> <head> <meta charset = "utf-8"> <title> Ajax solicita a servlet para implementar el nombre de usuario para verificar si el nombre de usuario existe <//title> </shead> <body> <script type = "text/javascript">/*** get xmlhtttprequest object*/function getAjaxhttttttttttttttt xmlhttp; Pruebe {// Firefox, Opera 8.0+, Safari xmlhttp = new xmlhttprequest (); } catch (e) {// Internet Explorer intenta {xmlhttp = new ActiveXObject ("msxml2.xmlhttp"); } catch (e) {try {xmlhttp = new ActiveXObject ("Microsoft.xmlhttp"); } catch (e) {alerta ("Su navegador no admite AJAX!"); devolver falso; }}} return xmlhttp; }/** * Enviar solicitud AJAX * URL-URL de requisito al servidor * MethodPe (post/get) * Con (true (AsynChonous) | False (SynChonous)) * FunctionName (nombre del método de devolución de llamada, no se requieren comillas y se requiere solo cuando es exitoso) * (Nota: este método tiene dos parámetros, uno es XMLHTTP y el otro es el ojo. AjaxRequest (URL, MethodType, Con, FunctionName) {// Get xmlhttprequest Object var xmlhttp = getajaxhttp (); // Establezca la función de devolución de llamada (una función llamada al responder) xmlhttp.onreadyStateChange = function () {// ¿Cuándo es el código en esta función llamado por el objeto xmlhttprequest? // Cuando el servidor responde, el objeto xmlhttprequest llamará automáticamente el método de devolución de llamada si (xmlhttp.readyState == 4) {if (xmlhttp.status == 200) {functionName (xmlhttp.responSextext); }}}}; // crear una solicitud xmlhttp.open (métodyType, url, con); // Enviar solicitud xmlhttp.send (); } function checkUsername () {var userName = document.getElementById ('username'). valor; // Crear solicitud AJAX Servlet AjaxRequest ("UserServlet? UserName ="+UserName, "Post", True, CKUSernAmerSponse); } function ckusernameresponse (ResponseContents) {if (ResponseContents == 'Yes') {Document.getElementById ('UserNamEmsg'). InnerHtml = "<font color = 'rojo'> username existe </font>"; document.getElementById ('UserName'). style = "Background-Color: Red"; } else {document.getElementById ('usernamemsg'). innerhtml = ""; document.getElementById ('UserName'). Style = "Background-Color: White"; }} </script> <table> <tr> <td> nombre de usuario </td> <td> <input type = "text" id = "username" onblur = "checkUsername ()"/> </td> <td> <divid = "usernamemsg"> </div> </td> </tr> <tr> <tr> <td> id = "Correo electrónico"/> </td> <td> <div ID = "Correo electrónicomsg"> </div> </td> </tr> </table> </body> </html>El código de servlet solicitado es el siguiente, UserServlet.java
paquete cn.bestchance.servlet; import java.io.ioException; import java.util.arrayList; import javax.servlet.servletException; import javax.servlet.annotation.webservlet; import javax.servlet.http.httpservlet; importación; javax.servlet.http.httpservletRequest; import javax.servlet.http.httpservletResponse;/** * Servlet Implementación de la clase UserServlet */@WebServlet ("/Userservlet") Public Class UserServlet se extiende httPservlet {privado final de serie Long VersionUid = 1l; Doget vacío protegido (solicitud httpservletRequest, respuesta httpservletResponse) lanza ServletException, ioexception {dopost (solicitud, respuesta); } / ** * @see httpservlet#dopost (httpservletRequest solicitud, respuesta httpServletResponse) * / protegido void dopost (httpservletRequest request, htttpServletResponse respuesta) tira servletException, ioException {string username = request.getParameter (""); // ArrayList se usa aquí en lugar de consultar datos de la base de datos. ArrayList <String> userList = new ArrayList <String> (); UserList.Add ("Admin"); UserList.Add ("Test"); UserList.Add ("Chance"); // Verifique si el nombre de usuario tiene bandera booleana = false; for (string string: userList) {if (string.equals (username)) {flag = true; romper; }} if (flag) {// El nombre de usuario ya existe respuesta.getwriter (). print ("sí"); } else {// El nombre de usuario no existe respuesta.getwriter (). print ("no"); }}}Lo anterior es todo el contenido de este artículo. Espero que sea útil para el aprendizaje de todos y espero que todos apoyen más a Wulin.com.