Faça o upload diretamente do código:
reg_ajax.html
<! Doctype html> <html> <head> <meta charset = "utf-8"> <title> ajax solicita que o servlet implemente o nome de usuário para verificar se o nome de usuário existe </title> </ad Head> <body> <script type = "text/javascript" >* *** get xmhht> xmlHttp; tente {// Firefox, Opera 8.0+, Safari xmlHttp = new XmlHttPrequest (); } catch (e) {// Internet Explorer try {xmlHttp = new ActiveXObject ("msxml2.xmlhttp"); } catch (e) {try {xmlhttp = new ActiveXObject ("Microsoft.xmlHttp"); } catch (e) {alert ("Seu navegador não suporta Ajax!"); retornar falso; }}} retornar xmlHttp; }/** * Envie a solicitação AJAX * url-Request URL para o servidor * Methodtype (post/get) * con (true (assíncrono) | false (síncrono) * functionName (nome do método de retorno, não é necessário que o Nome de Pesquisa é XM, que é chamado apenas quando é o que é o que é o que não é necessário, o que não é o que não é o que não é o que não é o que não é o que não é o que não é o que não é o que não se sabe, o que não é o que você está fazendo com o fato de o número de pessoas. AjaxRequest (URL, MethodType, CON, FunctionName) {// Get XmlHttPrequest Object var xmlhttp = getAjaxhttp (); // Defina a função de retorno de chamada (uma função chamada ao responder) xmlhttp.onreadyStateChange = function () {// Quando o código nesta função é chamado pelo objeto xmlHttPrequest? // Quando o servidor responde, o objeto xmlHttPrequest chamará automaticamente o método de retorno de chamada se (xmlhttp.readyState == 4) {if (xmlhttp.status == 200) {functionName (xmlHttp.RESPONTEXT); }}}}; // Crie uma solicitação xmlhttp.open (MethodType, URL, CON); // envia solicitação xmlHttp.send (); } função checkUserName () {var userName = document.getElementById ('nome de usuário'). // Crie a solicitação AJAX servlet AjaxRequest ("UserServlet? UserName ="+Nome de usuário "Post", True, CKUsernameResponse); } função ckUsernameResponse (ResponseContents) {if (ResponseContents == 'Yes') {document.getElementById ('usernamemsg'). innerhtml = "<font color = 'Red'> nome de usuário existe </font>"; Document.getElementById ('Nome de usuário'). Style = "Background-Color: Red"; } else {document.getElementById ('UserNameMsg'). innerhtml = ""; Document.getElementById ('Nome de usuário'). Style = "Background-Color: White"; }} </script> <table> <tr> <td> nome de usuário </td> <td> <input type = "text" id = "userr name" onblur = "checkUserName ()"/> </td> <td> <td> <div id = "usernameMsg"> </dd> </td> <t- trd> <tp> <td> <div id = "usernamemsg"> </dd> type = "text" id = "email"/> </td> <td> <div id = "emailmsg"> </div> </td> </tr> </table> </body> </html>O código do servlet solicitado é o seguinte, UserServlet.java
pacote cn.bestchance.servlet; importar java.io.ioException; importar java.util.ArrayList; importar javax.servlet.servletexception; import javax.servlet.annotation.webServlet; importação javax.servlet.lett.htttTlettlet; importandon; javax.servlet.http.httpServletRequest; importar javax.servlet.http.httpServletResponse;/** * Classe de implementação do servlet UserServlet */@webServlet ("privatevertlet") public class Usertlet Extndends HttpsletLe Void protegido Doget (solicitação httpServletRequest, httpServletResponse Response) lança servletexception, ioexception {DoPost (solicitação, resposta); } / ** * @see httpServlet#DoPost (solicitação httpServletRequest, httpServletResponse resposta) * / DoPost nocivo protegido (httpServletRequest Solicy, httPsPletResponse Response) Throwsception, (string) (string); // ArrayList é usado aqui em vez de consultar dados do banco de dados. ArrayList <String> userList = new ArrayList <String> (); userlist.add ("admin"); userlist.add ("teste"); userList.add ("Chance"); // Verifique se o nome de usuário tem bandeira booleana = false; for (string string: userList) {if (string.equals (nome de usuário)) {flag = true; quebrar; }} if (flag) {// o nome de usuário já existe resposta.getWriter (). print ("sim"); } else {// o nome de usuário não existe resposta.getWriter (). print ("não"); }}}O exposto acima é todo o conteúdo deste artigo. Espero que seja útil para o aprendizado de todos e espero que todos apoiem mais o wulin.com.