Ajax+Servlet无刷新验证用户名
来源:互联网 发布:python时间函数毫秒 编辑:程序博客网 时间:2024/05/16 17:39
页面端(login.jsp):
<%...@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<TITLE>Ajax验证用户名是否存在例子</TITLE>
<script>...
//设一个变量
var XMLHttpReq=false;
//创建一个XMLHttpRequest对象
function createXMLHttpRequest()...{
if(window.XMLHttpRequest)...{ //Mozilla
XMLHttpReq=new XMLHttpRequest();
}
else if(window.ActiveXObject)...{
try...{
XMLHttpReq=new ActiveXObject("Msxml2.XMLHTTP");
}catch(e)...{
try...{
XMLHttpReq=new ActiveXObject("Microsoft.XMLHTTP");
}catch(e)...{}
}
}
}
//发送请求函数
function send(url)...{
createXMLHttpRequest();
XMLHttpReq.open("get",url,true);
XMLHttpReq.onreadystatechange=proce; //指定响应的函数
XMLHttpReq.send(null); //发送请求
}
function proce()...{
if(XMLHttpReq.readyState==4)...{ //对象状态
if(XMLHttpReq.status==200)...{//信息已成功返回,开始处理信息
<!--测试读取xml开始-->
var root=XMLHttpReq.responseXML;
var res=root.getElementsByTagName("content")[0].firstChild.data;
window.alert(res);
<!--测试读取xml结束-->
//var xmlReturn = XMLHttpReq.responseText;
//window.alert(xmlReturn);
}else...{
window.alert("所请求的页面有异常");
}
}
}
//身份验证
function check()...{
var name=document.getElementById("name").value;
if(name=="")...{
alert("请输入姓名!");
return false;
}
else...{
//send('login?name='+name);
document.getElementById("load").style.display='';
send('login.do?name='+name);
document.getElementById("load").style.display='none';
}
}
</script>
</head>
<body>
<form action="login" method="post">
<table>
<tr><td>姓名: <input id="name" type="text" name="name"/><p>
<div id=load style="display:none; position:absolute;right:0px;top:0px;background:#FF5B5B;border:1px solid">正在验证用户名,请稍后……</div><p>
<input type="button" value="检测!" onClick="check()"/>
</td>
</tr>
</table>
</form>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<TITLE>Ajax验证用户名是否存在例子</TITLE>
<script>...
//设一个变量
var XMLHttpReq=false;
//创建一个XMLHttpRequest对象
function createXMLHttpRequest()...{
if(window.XMLHttpRequest)...{ //Mozilla
XMLHttpReq=new XMLHttpRequest();
}
else if(window.ActiveXObject)...{
try...{
XMLHttpReq=new ActiveXObject("Msxml2.XMLHTTP");
}catch(e)...{
try...{
XMLHttpReq=new ActiveXObject("Microsoft.XMLHTTP");
}catch(e)...{}
}
}
}
//发送请求函数
function send(url)...{
createXMLHttpRequest();
XMLHttpReq.open("get",url,true);
XMLHttpReq.onreadystatechange=proce; //指定响应的函数
XMLHttpReq.send(null); //发送请求
}
function proce()...{
if(XMLHttpReq.readyState==4)...{ //对象状态
if(XMLHttpReq.status==200)...{//信息已成功返回,开始处理信息
<!--测试读取xml开始-->
var root=XMLHttpReq.responseXML;
var res=root.getElementsByTagName("content")[0].firstChild.data;
window.alert(res);
<!--测试读取xml结束-->
//var xmlReturn = XMLHttpReq.responseText;
//window.alert(xmlReturn);
}else...{
window.alert("所请求的页面有异常");
}
}
}
//身份验证
function check()...{
var name=document.getElementById("name").value;
if(name=="")...{
alert("请输入姓名!");
return false;
}
else...{
//send('login?name='+name);
document.getElementById("load").style.display='';
send('login.do?name='+name);
document.getElementById("load").style.display='none';
}
}
</script>
</head>
<body>
<form action="login" method="post">
<table>
<tr><td>姓名: <input id="name" type="text" name="name"/><p>
<div id=load style="display:none; position:absolute;right:0px;top:0px;background:#FF5B5B;border:1px solid">正在验证用户名,请稍后……</div><p>
<input type="button" value="检测!" onClick="check()"/>
</td>
</tr>
</table>
</form>
</body>
</html>
js 代码
AjaxServlet.java
java 代码
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 AjaxServlet extends HttpServlet ...{
Logger log = Logger.getLogger(this.getClass());
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException,IOException ...{
response.setContentType("text/xml; charset=GBK");
PrintWriter out = response.getWriter();
out.print(2);
}
}
//Process the HTTP Post request
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException ...{
doGet(request, response);
}
//Process the HTTP Put request
public void doPut(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException ...{
}
//Process the HTTP Delete request
public void doDelete(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException ...{
}
//Clean up resources
public void destroy() ...{
}
}
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 AjaxServlet extends HttpServlet ...{
Logger log = Logger.getLogger(this.getClass());
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException,IOException ...{
response.setContentType("text/xml; charset=GBK");
PrintWriter out = response.getWriter();
out.print(2);
}
}
//Process the HTTP Post request
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException ...{
doGet(request, response);
}
//Process the HTTP Put request
public void doPut(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException ...{
}
//Process the HTTP Delete request
public void doDelete(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException ...{
}
//Clean up resources
public void destroy() ...{
}
}
- Ajax+Servlet无刷新验证用户名
- ajax,servlet实现无刷新验证用户名是否存在
- .net2003+ajax 表单用户名验证无刷新
- .net2003+ajax 表单用户名验证无刷新
- AJAX 注删用户名无刷新验证
- ajax 简单应用---用户名无刷新验证
- AJAX实现无刷新验证用户名
- ajax无刷新实时验证用户名密码
- ajax+asp.net无刷新验证用户名
- ajax之无刷新验证用户名
- ajax实现无刷新验证用户名是否存在
- ajax 实现无刷新验证用户名是否存在
- ajax+javascript+php实现注册用户名无刷新验证
- Ajax无刷新验证用户名(Dom版+JQuery版)
- ajax 实现无刷新验证用户名是否存在
- AJAX(三)--实例无刷新验证用户名是否存在
- MVC框架中 ajax实现无刷新用户名验证
- strtuts+ajax 用户名无刷新验证简单实例
- web项目经理手册-跨部门合作项目
- “商业领袖”的人生体验:比尔盖茨的做人十理
- 世界上最难的事,是改变别人;世界上最简单的事,是改变自己
- 解决在Windows 2003的 IIS 6.0 中无法上传超过200K的附件以及无法下载超过4M的附件问题
- 计算机专业毕业了,还要不要参加培训班?
- Ajax+Servlet无刷新验证用户名
- Grails vs Rails—我的想法
- 挂起操作
- 数学之美系列二十一 - 布隆过滤器(Bloom Filter)
- 收缩数据库
- 学习PL/SQL之四:集合
- 压缩数据库
- 在非软件公司做软件有前途吗?
- 转移数据库给新用户以已存在用户权限