Ajax判断注册用户名重复

使用Ajax判断注册用户名重复:

1.AJAX简介
   AJAX是实现web2.0服务中的核心技术,全称为“异步JavaScript和XML技术”(Asynchronous JavaScript and XML);Ajax的核心技术理念在于使用XMLHttpRequest对象发送异步请求。最初为XMLHttpRequest对象提供浏览器支持的是微软公司。AJAX技术的出现,可以说是挽救了传统的B/S结构,并赋与web应用新的生命。如果要我用简单的一句话讲AJAX是什么:我就会说是在b/s结构上给予用户c/s的界面观感。


2.AJAX与传统web的区别:(局部刷新)
      传统web页面的服务是基于http协议的,所以它永远也改变不了“请求—响应”的模式。你必须“点”一下,它才能动一下,而且每次都必须刷新整个页面,这也意味着服务器要将所有页面上的数据传送下来,即使你的点击只是需要改变页面上一行十个字的内容。
     AJAX代码运行在浏览器和服务器之间,通过编程,你可以让ajax代码仅从服务器上提取需要改变的数据,也只改变页面中需要改变的某一部分:某一个div层、表格中的某一个单元格。用户不会看到页面全部被刷新了。

 


3.需要使用到的文件(下面都有):
HTML:reg.html(界面,与AJAX代码)
java(servlet):AccountCheckServlet(验证重复)
web.xml配置

 

AJAX:验证重复用户名
当用户输入注册用户名后,焦点离开第一个输入框,即触发输入框的onBlur事件,这个事件将调用js编写的ajax代码,将用户输入发送给服务器验证,并将服务器返回的结果消息显示在输入框下面的div层上。这个流程将由三部分组成:
 Login.html:用户界面;
 AccountCheckServlet .java服务器上用来验证用户名的Servlet,返回一个字符串做为验证结果;Js编写的AJAX代码:请送请求,并更新页面;我们先从关键的AJAX代码编写开始:

下面是reg.html文件代码:
(里面使用Ajax)





Insert title here




	

用户注册

帐号:

 ---------------------------------------------------------------------


//AccountCheckServlet类,请求响应类

 

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 AccountCheckServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	protected void doPost(HttpServletRequest request,
			HttpServletResponse response) throws ServletException, IOException {

		String username = request.getParameter("username");
		//System.out.println("收到了请求"+username);
		
		PrintWriter out = response.getWriter();
		if(username.equals("newer")){//本来要连接数据库查询,这里为了方便便直接定义。
			out.write("false");
		}else{
			out.write("true");
		}
		out.flush();
	}

}

 --------------------------------------------------------------------

 

当然还有web.xml文件配置



  PicValidate
  
    index.html
    index.htm
    index.jsp
    default.html
    default.htm
    default.jsp
  

   
    AccountCheckServlet
    servlet.AccountCheckServlet
  
  
    AccountCheckServlet
    /AccountCheckServlet
  
  


  

 

 

你可能感兴趣的:(web)