Прямая загрузка кода:
reg_ajax.html
<! Doctype html> <html> <head> <meta charset = "utf-8"> <Title> Ajax запросит сервлет для реализации имени пользователя, чтобы подтвердить, существует ли имя пользователя </title> </head> <body> <script type = "text/javascript">/** get xmlhtprequest obj 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 ("Ваш браузер не поддерживает Ajax!"); вернуть ложь; }}} return xmlhttp; }/** * Отправить запрос ajax * url-url-request url на сервер * methodType (post/get) * con (true (асинхронный) | false (synchronous)) * functionname (имя метода обратного вызова, кавычки не требуются, он называется только тогда, когда он успешно) * (Примечание: два параметра, один из них xmlhtt, и другой, и другой, и другой, и другой, и другой, и один, и другой-это. ajaxRequest (url, methodType, con, functionName) {// get xmlhttprequest object var xmlhttp = getajaxhttp (); // Установить функцию обратного вызова (функция, вызванная при ответе) xmlhttp.onreadystatechange = function () {// Когда код в этой функции вызывается объектом xmlhttprequest? // Когда сервер отвечает, объект xmlhttprequest автоматически вызовет метод обратного вызова, если (xmlhttp.readystate == 4) {if (xmlhttp.status == 200) {functionName (xmlhttp.ressontextext); }}}}; // Создать запрос xmlhttp.open (methodType, url, con); // Отправить запрос xmlhttp.send (); } function checkUsername () {var username = document.getElementbyid ('username'). value; // Создать Ajax запроса сервиса AjaxRequest ("usererservlet? Username ="+username, "post", true, ckusernameresponse); } function ckusernameresponse (responsecontents) {if (responsecontents == 'yes') {document.getElementById ('userNamemsg'). innerHtml = "<font color = 'red'> username существует </font>"; document.getElementbyId ('username'). style = "founal-color: red"; } else {document.getElementById ('userNamemsg'). innerHtml = ""; document.getElementbyId ('username'). style = "foangy-color: белый"; }} </script> <table> <tr> <td> username </td> <td> <input type = "text" id = "username" onblur = "checkusername ()"/> </td> <td> <div id = "usernamemsg"> </div> </td> </tr> <td> <td> <td> <td> <td> <td> <td> <td> <td> <td> <td> <td> <td> <td> <td> <td> <td> <td> <td> <td> <td> <td> <td> id = "Электронная почта"/> </td> <td> <div id = "emailmsg"> </div> </td> </tr> </table> </body> </html>Запрашиваемый код сервлета выглядит следующим образом, userervlet.java
Пакет cn.bestchance.servlet; import java.io.ioexception; import java.util.arraylist; импорт javax.servlet.servletexception; импорт javax.servlet.annotation.webservlet; import javax.servlet.http.httpservlet; impormervlet.htttpspests; javax.servlet.http.httpservlectrequest; import javax.servlet.http.httpservletresponse;/** * Класс внедрения Servlet */@webservlet ("/usererservlet") Public Class userervled extends httpservlet {private static final serialversionuid = 1l; Защищенная void Doget (httpservletrequest, httpservletresponse response) бросает ServletException, ioException {DoPost (запрос, ответ); } / ** * @see httpservlet#dopost (httpservlectrequest, httpservletresponse response) * / protected void dopost (httpservlectrequest, httpservletresponse response) throws servletexception, ioException {String onmame = recement.getparameter (username »; // ArrayList используется здесь вместо запроса данных из базы данных. Arraylist <string> userlist = new ArrayList <string> (); userlist.add ("admin"); userlist.add ("test"); userlist.add ("шанс"); // Проверьте, имеет ли имя пользователя логический флаг = false; for (String String: userlist) {if (string.equals (username)) {flag = true; перерыв; }} if (flag) {// Имя пользователя уже существует response.getWriter (). print ("yes"); } else {// Имя пользователя не существует response.getWriter (). print ("no"); }}}Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать Wulin.com больше.