Implémentation spécifique du nom d'utilisateur JQuery verify_jquery

Cet exemple partage la fonction de vérification du nom d'utilisateur JQuery pour tout le monde pour votre référence. Le contenu spécifique est le suivant

$(document).ready(function(){}) : Définissez la méthode qui doit être exécutée lors du chargement de la page.
$() obtient le nœud spécifié par la page et le paramètre est une sorte de sélecteur CSS. Ce qui est renvoyé est un objet JQuery sur lequel les méthodes JQuery peuvent être exécutées.
La méthode val() peut obtenir la valeur de l'attribut value du nœud
html() définit le contenu html dans un nœud
click() événement de clic de souris correspondant
keyup() événement contextuel du clavier correspondant
$.get() peut interagir avec le serveur en mode get. La méthode de rappel enregistrée sera appelée lorsque les données reviendront. Cette méthode recevra un paramètre en texte brut qui représente les données renvoyées par le serveur
. addClass()removeClass() Ajouter ou supprimer une classe à un nœud
Résoudre le problème des caractères chinois tronqués : Les données envoyées au serveur sont encodées deux fois en js, puis URLDecoded une fois en UTF-8 dans le code du serveur

Code principal :

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

Servlet traité

/*
 * 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>

}

Ce qui précède représente l’intégralité du contenu de cet article, j’espère qu’il sera utile à l’étude de chacun.