$(document).ready(function(){})：定義頁(yè)面裝載完成時(shí)，需要執(zhí)行的方法。
$()獲得頁(yè)面指定的節(jié)點(diǎn)，參數(shù)是某種CSS的選擇器。返回的是一個(gè)JQuery對(duì)象，可在其上執(zhí)行JQuery方法。
val()方法可以獲得節(jié)點(diǎn)的value屬性值
html()設(shè)定某個(gè)節(jié)點(diǎn)中的html內(nèi)容
click()相應(yīng)鼠標(biāo)點(diǎn)擊事件
keyup()相應(yīng)鍵盤彈起事件
$.get()可以和服務(wù)器進(jìn)行g(shù)et方式的交互，注冊(cè)的callback方法會(huì)在數(shù)據(jù)回來(lái)的時(shí)候被調(diào)用，此方法會(huì)接收到代表服務(wù)器端返回?cái)?shù)據(jù)的一個(gè)純文本的參數(shù)
addClass()removeClass()給某個(gè)節(jié)點(diǎn)增加或刪除一個(gè)class
解決中文亂碼問(wèn)題：發(fā)送給服務(wù)器端的數(shù)據(jù)在js中做兩次encodeURI，然后在服務(wù)器端的代碼中按UTF-8的方式做一次URLDecode
主要代碼：
$.get("http://localhost:8080/JQueryStudy/UserVerify?userName=" + encodeURI(encodeURI(userName)),null,
function(response){
$("#result").html(response);
}
)
處理的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;
/**
* 用戶名驗(yàn)證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 + "]已經(jīng)存在，請(qǐng)使用別的用戶名注冊(cè)");
} else {
out.println("可以使用用戶名[" + userName + "]注冊(cè)");
}
}
} 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>
}
posted on 2010-04-25 20:10
Ying-er 閱讀(963)
評(píng)論(2) 編輯 收藏 所屬分類:
JQuery