ホームページ > 記事 > ウェブフロントエンド > jQuery は Ajax を実装してユーザー名が使用可能かどうかを確認します
この記事では、jQueryをベースにAjaxを実装してユーザー名が利用可能かどうかを検証する例を中心に詳しく紹介していますので、参考になれば幸いです。
HTML
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="/jquery_ajax/js/jquery-1.8.3.js"></script> <script type="text/javascript"> //页面加载完成后 $(function() { //添加失焦事件 $("#username").blur(function() { //获取录入的用户名 var usernamevalue = $("#username").val(); //向服务器发送请求 var url="/jquery_ajax/load"; $("#username_span").load(url,{'username':usernamevalue}); }); }); </script> </head> <body> <input type="text" name="username" id="username"><span id="username_span"></span> <br> <input type="password" name="password"> <br> </body> </html>
LoginServlet
public class LoadServlet extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 解决乱码 request.setCharacterEncoding("utf-8"); response.setCharacterEncoding("utf-8"); // 1.得到用户名 String username = request.getParameter("username"); // 2.判断用户名是否可以使用 if ("tom".equals(username)) { // 用户名不可以使用 response.getWriter().write("<font color='red'>用户名被占用</font>"); } else { // 用户名可以使用 response.getWriter().write("<font color='green'>用户名可以使用</font>"); } } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request, response); } }
web. ユーザー名を確認するサンプルコード
php ajax ユーザー名を確認する 実装コード(1/3)_PHPチュートリアル
以上がjQuery は Ajax を実装してユーザー名が使用可能かどうかを確認しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。