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);

}

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值