Laden Sie den Code direkt hoch:
reg_ajax.html
<! DocType html> <html> <Head> <meta charset = "utf-8"> <title> AJAX fordert den Benutzernamen an, um zu überprüfen, ob der Benutzername existiert xmlhttp; try {// 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 ("Dein Browser unterstützt Ajax nicht!"); false zurückgeben; }}} return xmlhttp; }/** * AJAX-Anforderung senden * url-Request-URL an den Server * methodType (post/get) * con (true (asynchron) | Falsch (synchron) * FunktionName (Rückrufmethodenname, keine Anführungszeichen erforderlich, es wird nur dann aufgerufen, wenn es erfolgreich ist. AjaxRequest (URL, methodType, con, FunktionName) {// xmlhttpRequest -Objekt var xmlhttp = getajaxHttp (); // Setzen Sie die Rückruffunktion (eine Funktion, die beim Antworten aufgerufen wird) xmlhttp.onReadyStatechange = function () {// Wann wird der Code in dieser Funktion vom XMLHTTPREquest -Objekt aufgerufen? // Wenn der Server antwortet, ruft das xmlhttpRequest -Objekt die Callback -Methode automatisch auf if (xmlhttp.readystate == 4) {if (xmlhttp.status == 200) {FunktionName (xmlhttp.Responsext); }}}}; // Erstellen Sie eine Anforderung xmlhttp.open (methodType, url, con); // Anfrage senden xmlhttp.send (); } function CheckUserName () {var userername = document.getElementById ('userername'). Wert; // AJAX -Anfrage Servlet ajaxRequest erstellen ("UserServlet? Usuername ="+userername, "post", true, ckusernameresponse); } function ckusernAmerePonse (ResponseContents) {if (ResponseContents == 'yes') {document.getElementById ('userernAmemsg'). InnerHtml = "<font color = 'rot'> Benutzername existieren </font>"; document.getElementById ('username'). style = "background-color: rot"; } else {document.getElementById ('userernAmememsg'). InnerHtml = ""; document.getElementById ('username'). style = "background-color: white"; }} </script> <table> <tr> <Td> Benutzername </td> <td> <Eingabe type = "text" id = "userername" onblur = "upusername ()"/> </td> <td> <div id = "usernamemsg"> </td> </tR> <TR> <TR> <TR> <Td> E -Mail "</td> </tR> <Td> <Td> </td> </ttr> <tr> <Td>. id = "E -Mail"/> </td> <td> <div id = "Emailmsg"> </div> </td> </tr> </table> </body> </html>Der angeforderte Servlet -Code ist wie folgt, userServlet.java
Paket cn.bestchance.servlet; import java.io.ioxception; import java.util.arraylist; import Javax.servlet.servletException; importieren javax.servlet.annotation javax.servlet.http.httpServletRequest; importieren javax.servlet.http.httpServletResponse;/** * Servlet -Implementierungsklasse UserServlet */@WebServlet ("/userServlet") öffentliche Klasse UserServlet erweitert HttpServlet {private static endcaticalversionuid = 1 1L. Protected void dodget (httpServletRequest -Anforderung, httpServletResponse -Antwort) löst ServletException aus, ioException {Dopost (Request, Antwort); } / ** * @see httpServlet#Dopost (httpServletRequest -Anforderung, httpServletResponse -Antwort) * / Protected void dopost (httpServletRequest, httpServletResponse -Antwort) verurteilt ServletException, ioException {String Username = Anfrage = Anforderung. // ArrayList wird hier verwendet, anstatt Daten aus der Datenbank abzufragen. ArrayList <string> userList = new ArrayList <string> (); userList.add ("admin"); userList.add ("test"); userList.add ("Chance"); // Überprüfen Sie, ob der Benutzername boolesche Flagge = false hat; für (String String: UserList) {if (string.equals (Benutzername)) {flag = true; brechen; }} if (flag) {// Der Benutzername existiert bereits response.getWriter (). print ("yes"); } else {// Der Benutzername existiert keine Antwort.getWriter (). print ("no"); }}}Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.