JQueryユーザー名verification_jqueryの具体的な実装

この例では、参考のために JQuery ユーザー名検証関数を全員に共有します。具体的な内容は次のとおりです。

$(document).ready(function(){}): ページのロード時に実行する必要があるメソッドを定義します。
$() はページで指定されたノードを取得します。パラメータはある種の CSS セレクターです。返されるのは、JQuery メソッドを実行できる JQuery オブジェクトです。
val() メソッドは、ノードの value 属性値を取得できます
html() はノード
に HTML コンテンツを設定します click() 対応するマウスクリックイベント
keyup() に対応するキーボード ポップアップ イベント
$.get() は get モードでサーバーと対話できます。データが返されると、登録されたコールバック メソッドが呼び出されます。このメソッドは、サーバーから返されたデータを表すプレーン テキスト パラメーターを受け取ります
addClass()removeClass() ノードへのクラスの追加または削除
中国語の文字化けの問題を解決します: サーバーに送信されたデータは、js で 2 回エンコードされ、サーバー コード内で UTF-8 で 1 回 URL デコードされます

メインコード:

$.get("http://localhost:8080/JQueryStudy/UserVerify?userName=" + encodeURI(encodeURI(userName)),null,
          function(response){
            $("#result").html(response);
          }
        )

処理されたサーブレット

/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

package com.linying;

import java.io.IOException;
import java.io.PrintWriter;
import java.net.URLDecoder;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * 用户名验证Servlet
 * @author Ying-er
 * @time 2010-4-25下午08:02:08
 * @version 1.0
 */
public class UserVerify extends HttpServlet {
  
  /** 
  * Processes requests for both HTTP <code>GET</code> and <code>POST</code> methods.
  * @param request servlet request
  * @param response servlet response
  */
  protected void processRequest(HttpServletRequest request, HttpServletResponse response)
  throws ServletException, IOException {
    response.setContentType("text/html;charset=UTF-8");
    PrintWriter out = response.getWriter();
    try {
      String param = request.getParameter("userName");
      if (param == null || param.length() == 0) {
        out.println("用户名不能为空");
      } else {
        String userName = URLDecoder.decode(param, "UTF-8");
        System.out.println(userName);
        if (userName.equals("Ying-er")) {
          out.println("用户名[" + userName + "]已经存在，请使用别的用户名注册");
        } else {
          out.println("可以使用用户名[" + userName + "]注册");
        }
      }
    } finally { 
      out.close();
    }
  } 

  // <editor-fold defaultstate="collapsed" desc="HttpServlet">
  /** 
  * Handles the HTTP <code>GET</code> method.
  * @param request servlet request
  * @param response servlet response
  */
  protected void doGet(HttpServletRequest request, HttpServletResponse response)
  throws ServletException, IOException {
    processRequest(request, response);
  } 

  /** 
  * Handles the HTTP <code>POST</code> method.
  * @param request servlet request
  * @param response servlet response
  */
  protected void doPost(HttpServletRequest request, HttpServletResponse response)
  throws ServletException, IOException {
    processRequest(request, response);
  }

  /** 
  * Returns a short description of the servlet.
  */
  public String getServletInfo() {
    return "Short description";
  }// </editor-fold>

}

以上がこの記事の全内容です。皆様の学習のお役に立てれば幸いです。