コードを直接アップロードします。
reg_ajax.html
<！doctype html> <html> <head> <meta charset = "utf-8"> <title> ajaxはユーザー名を実装するようにサーブレットを要求して、ユーザー名が存在するかどうかを確認します</title> </head> <body> <script = "text/javascript">/** 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！"）; falseを返します。 }}} xmlhttpを返します。 }/** * ajax request * url - request urlをサーバーに送信 * methodType（post/get） * con（true（非同期）| false（synchronous）） * functionname（コールバックメソッド名、引用符は必要ありません。 ajaxRequest（url、methodType、con、functionname）{// get xmlhttprequestオブジェクトvar xmlhttp = getajaxhttp（）; //コールバック関数（応答時に呼び出される関数）xmlhttp.onreadystatechange = function（）{//この関数のコードはいつxmlhttprequestオブジェクトによって呼び出されますか？ //サーバーが応答すると、xmlhttprequestオブジェクトは、（xmlhttp.readystate == 4）{if（xmlhttp.status == 200）{functionname（xmlhttp.responseText）; }}}}; //リクエストを作成xmlhttp.open（methodType、url、con）; //リクエストを送信xmlhttp.send（）; } function checkusername（）{var username = document.getElementById（ 'username'）。value; // ajaxリクエストサーブレットajaxRequest（ "userservlet？username ="+username、 "post"、true、ckusernameresponse）; } function ckusernameresponse（responsecontents）{if（responsecontents == 'yes'）{document.getElementbyId（ 'usernamemsg'）。innerhtml = "<font color = 'red'> username estist </font>"; document.getElementById（ 'username'）。style = "background-color：red"; } else {document.getElementById（ 'usernamemsg'）。innerhtml = ""; document.getElementById（ 'username'）。style = "background-color：white"; }} </scrip> <table> <tr> <td> username </td> <td> <input = "text" id "username" onblur = "checkusername（）"/> </td> <td> <div div = "usernamemsg" "> </div> </td> <puttd </td> <td> <td> <td> <td> id = "email"/> </td> <td> <div id = "emailmsg"> </div> </td> </tr> </table> </body> </html>要求されたサーブレットコードは次のとおりです。userservlet.javaです
package 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;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.httpservletrequest; import javax.servlet.http.httpservletresponse;/** *サーブレット実装クラスユーザーサーブレット */@webervlet（ "/userservlet"）public class userservletはhttpservlet {private static final long serialiveriod = 1l;保護されたvoid doget（httpservletrequest request、httpservletresponse応答）servletexception、ioexception {dopost（request、response）; } / ** * @see httpservlet＃dopost（httpservletrequest request、httpservletresponse応答） * /保護されたvoid dopost（httpservletrequest request、httpservletresponse応答） // ArrayListは、データベースからデータを照会する代わりにここで使用されます。 arrayList <string> userlist = new ArrayList <String>（）; userlist.add（ "admin"）; userlist.add（ "test"）; userlist.add（ "Chance"）; //ユーザー名にboolean flag = falseがあるかどうかを確認します。 for（string string：userlist）{if（string.equals（username））{flag = true;壊す; }} if（flag）{//ユーザー名は既にResponse.getWriter（）。print（ "yes"）; } else {//ユーザー名は存在しませんresponse.getWriter（）。print（ "no"）; }}}上記はこの記事のすべての内容です。みんなの学習に役立つことを願っています。誰もがwulin.comをもっとサポートすることを願っています。