ajax异步检验会员注册是否存在
从网上整理所得: 注册页面调用ajax请求: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript"> var xmlHttp; //创建Ajax核心对象XMLHttpRequest function createXMLHttp(){ if(window.XMLHttpRequest){ xmlHttp = new XMLHttpRequest(); }else{ xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } function checkUsername(username){ createXMLHttp(); //设置请求方式为GET,设置请求的URL,设置为异步提交 xmlHttp.open("GET","CheckServlet?username="+username,true); //将方法地址复制给onreadystatechange属性 //类似于电话号码 xmlHttp.onreadystatechange = checkUsernameCallback(); //将设置信息发送到Ajax引擎 xmlHttp.send(null); function checkUsernameCallback(){ //Ajax引擎状态为成功 if(xmlHttp.readyState == 4){ //HTTP协议状态为成功 if(xmlHttp.status == 200){ var text = xmlHttp.responseText; if(text == "true"){ document.getElementById("msg").innerHTML = "此用户名已存在,无法使用!"; document.getElementById("msg").style.color="red"; document.getElementById("msg").style.color="green"; </head> <body> <form action="regist.jsp" method="post"> 用户名:<input type="text" name="username" onblur="checkUsername(this.value)"><span id="msg"></span><br/> 密码:<input type="password" name="password"><br/> <input type="submit" value="注册"> <input type="reset" value="重置"> </form> </body> </html> CheckServlet.java public class CheckServlet extends HttpServlet { //可以在其中把查询数据库的请求转到对应的model层 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |