jsp ajax实现用户注册,Jsp Ajax之模拟用户注册

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

My JSP 'regUser.jsp' starting page

var xhr;

//创建Xhr对象的函数;

function createXhr(){

try{

//普通方式;

return new XMLHttpRequest();

}catch(e){

//异常，则另外一种方式;

return new ActiveXObject("Microsoft.XMLHTTP");

}

}

//用户名，文本框失去焦点处理函数;

function checkUser(){

xhr=createXhr();

//得到文本框中输入的内容；

var username=document.getElementById("username").value;

//设置回调函数;

xhr.onreadystatechange=callback;

//alert(username);

//设置请求方式和url，因为是get方式，请求数据直接在url的后面;

xhr.open("get","checkUserAction?username="+username);

//发送请求;

xhr.send(null);

}

function callback(){

//判断请求完成，并且成功返回;

if(xhr.readyState==4&&xhr.status==200){

var msg=document.getElementById("msg");

var res=xhr.responseText;

//alert(res);

//根据响应返回的数据，进行页面更新;

if(res=="true"){

msg.innerHTML='用户名已经存在';

}else{

msg.innerHTML='用户名可以注册';

}

}

}

账户：

密码:

邮箱：

地址:

响应的Servlet代码:

package web;

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 CheckUserServlet extends HttpServlet {

@Override

protected void doGet(HttpServletRequest req, HttpServletResponse resp)

throws ServletException, IOException {

resp.setContentType("text/html;charset=utf-8");

PrintWriter out=resp.getWriter();

//获取提交数据;

String username=req.getParameter("username");

if("admin".equals(username)){

out.print("true");

}else{

out.print("false");

}

out.close();

}

@Override

protected void doPost(HttpServletRequest req, HttpServletResponse resp)

throws ServletException, IOException {

this.doGet(req, resp);

}

}