Spezifische Implementierung des JQuery-Benutzernamens „ification

Spezifische Implementierung des JQuery-Benutzernamens „ification_jquery'.

WBOY

Freigeben： 2016-05-16 15:10:10

Original

1365 Leute haben es durchsucht

In diesem Beispiel wird die Funktion zur Überprüfung des JQuery-Benutzernamens als Referenz für alle freigegeben. Der spezifische Inhalt lautet wie folgt:

$(document).ready(function(){}): Definieren Sie die Methode, die beim Laden der Seite ausgeführt werden muss.
$() ruft den von der Seite angegebenen Knoten ab und der Parameter ist eine Art CSS-Selektor. Zurückgegeben wird ein JQuery-Objekt, auf dem JQuery-Methoden ausgeführt werden können.
Die val()-Methode kann den Wertattributwert des Knotens
abrufen html() legt den HTML-Inhalt in einem Knoten
fest click() entsprechendes Mausklickereignis
keyup() entsprechendes Tastatur-Popup-Ereignis
$.get() kann im Get-Modus mit dem Server interagieren. Die registrierte Rückrufmethode wird aufgerufen, wenn die Daten zurückkommen. Diese Methode empfängt einen Klartextparameter, der die vom Server zurückgegebenen Daten darstellt addClass()removeClass() Eine Klasse zu einem Knoten hinzufügen oder löschen

Lösung des Problems verstümmelter chinesischer Zeichen: Die an den Server gesendeten Daten werden zweimal in js codiert und dann URLDecodiert einmal in UTF-8 im Servercode

Hauptcode:

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

Nach dem Login kopieren

Verarbeitetes Servlet

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

}

Nach dem Login kopieren

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein.