网页中使用传统方法实现异步校验具体解释

        学习JavaScript异步校验时往往是从最传统的XMLHttpRequest学起，今天星期六。我来谈一下对传统校验的认识：

        代码1——index.jsp文件：

怎样使用传统方法异步验证username的唯一性

  		样例一：


  		样例二：


  		样例一与样例二的差别：两者都实现了使用传统方法异步验证username的唯一性的功能，差别在于使用的servlet中的的方法不同："样例一"使用的servlet中的doGet方法；"样例二"使用的servlet中的doPost方法。
	

        代码2——demo1.jsp文件：

  	
使用的servlet中的doGet方法


		          username：  *username必填，具有唯一性。

	  	
	

        代码3——demo2.jsp文件：

	
使用的servlet中的doPost方法


		          username：  *username必填，具有唯一性。

	  	
	

        代码4——AjaxCheckUserNameServlet.java文件：

package com.ghj.packagofserlet;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class AjaxCheckUserNameServlet extends HttpServlet {

	private static final long serialVersionUID = 6387744976765210524L;

	/**
	 * 处理demo1.jsp中异步验证
	 * 
	 * @author GaoHuanjie
	 */
	public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {
		try{
			response.setCharacterEncoding("UTF-8");
			request.setCharacterEncoding("UTF-8");
			PrintWriter out = response.getWriter();
			//System.out.println(1/0);//有益出现异常。以检查demo1.jsp中xmlHttpRequest.status!=200的分支语句是否可用
			String userName=request.getParameter("userName");//获取“username”
			System.out.println("处理demo1.jsp中异步验证，username为："+userName);
			if ("admin".equals(userName)) {
				out.print("1");//“1”表示username不可用。
 
			} else {
				out.print("2");//“2”表示username可用。
			}
			out.flush();
			out.close();
		}catch (Exception e) {
			e.printStackTrace();
			response.setStatus(405);
		}
	}
	
	/**
	 * 处理demo2.jsp中异步验证
	 * 
	 * @author GaoHuanjie
	 */
	public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {
		try{
			response.setCharacterEncoding("UTF-8");
			request.setCharacterEncoding("UTF-8");
			PrintWriter out = response.getWriter();
			//System.out.println(1/0);//有益出现异常，以检查demo2.jsp中xmlHttpRequest.status!=200的分支语句是否可用
			String userName=request.getParameter("userName");//获取“username”
			System.out.println("处理demo2.jsp中异步验证，username为："+userName);
			if ("admin".equals(userName)) {
				out.print("1");//“1”表示username不可用。
			} else {
				out.print("2");//“2”表示username可用。
			}
			out.flush();
			out.close();
		}catch (Exception e) {
			e.printStackTrace();
			response.setStatus(405);
		}
	}
}

        代码5——web.xml文件：

AjaxCheckUserNameServletcom.ghj.packagofserlet.AjaxCheckUserNameServletAjaxCheckUserNameServlet/AjaxCheckUserNameServletindex.jsp