ajax无刷新验证用户名

目录结构

代码:

<html>
<head>
<title>用户注册</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312"/>
<script type="text/javascript">//创建ajax引擎function getXmlHttpObject(){var xmlHttpRequest;//不同的浏览器获取对象xmlhttprequest 对象方法不一样if(window.ActiveXObject){xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP");}else{xmlHttpRequest=new XMLHttpRequest();}return xmlHttpRequest;}var myXmlHttpRequest="";//验证用户名是否存在function checkName(){myXmlHttpRequest=getXmlHttpObject();//怎么判断创建okif(myXmlHttpRequest){//通过myXmlHttpRequest对象发送请求到服务器的某个页面//第一个参数表示请求的方式, "get" / "post"//第二个参数指定url,对哪个页面发出ajax请求(本质仍然是http请求)//第三个参数表示 true表示使用异步机制,如果false表示不使用异步var url="registerProcess.jsp?mytime="+new  Date()+"&username="+$("username").value;//打开请求.myXmlHttpRequest.open("get",url,true);//指定回调函数.chuli是函数名myXmlHttpRequest.onreadystatechange=chuli;//真的发送请求,如果是get请求则填入 null即可//如果是post请求，则填入实际的数据myXmlHttpRequest.send(null); }}//回调函数function chuli(){//window.alert("处理函数被调回"+myXmlHttpRequest.readyState);//我要取出从registerPro.php页面返回的数据if(myXmlHttpRequest.readyState==4){//取出值,根据返回信息的格式定.text//window.alert("服务器返回"+myXmlHttpRequest.responseText);$('myres').value=myXmlHttpRequest.responseText;}}//这里我们写一个函数function $(id){return document.getElementById(id);}
</script>
</head>
<body><form action="???" method="post">用户名字:<input type="text"  onkeyup=""  name="username1" id="username"><input type="button" onclick="checkName();"  value="验证用户名"><input style="border-width: 0;color: red" type="text" id="myres"><br/>用户密码:<input type="password" name="password"><br>电子邮件:<input type="text" name="email"><br/><input type="submit" value="用户注册"></form><form action="???" method="post">用户名字:<input type="text" name="username2" ><br/>用户密码:<input type="password" name="password"><br>电子邮件:<input type="text" name="email"><br/><input type="submit" value="用户注册"></form></body>
</html>

registerProcess.jsp

<%@ page contentType="text/html;charset=gb2312"%>
<%
String username = request.getParameter("username");
if(username.equals("peng")){out.println("用户名不可用");
}else{out.println("用户名可用");
}
%>

截图:

ajax无刷新验证用户名相关推荐

Ajax+asp.net无刷新验证用户名
注册用户页面代码如下 <script language="javascript" type="text/javascript"> var xmlHt ...
Ajax+asp.net无刷新验证用户名的几种方法
Ajax+asp.net无刷新验证用户名注册用户页面代码如下 <script language="javascript" type="text/javascrip ...
xmlHttpRequest无刷新验证用户名
现在好多网站上的注册都用了无刷新验证用户名,这种效果咋看感觉很复杂很难实现,其实它里面用到了Ajax中的核心xmlHttpRequest这个类,如果只是单单想实现这个效果,压根就不用引用Ajax.Ne ...
【转】无刷新验证用户名可用性
在用户注册时,我们经常需要检查用户名是否存在,本文就是实现无刷新验证用户名打开开发环境VS 2005,新建项目(或打开现有项目),新建一个Web窗体,命名为 Default.aspx 代码如下: V ...
XMLHttpRequest实现无刷新验证用户名
在用户注册时,我们经常需要检查用户名是否存在,本文就是实现无刷新验证用户名打开开发环境VS 2005,新建项目(或打开现有项目),新建一个Web窗体,命名为 Default.aspx 代码如下: & ...
JQuery Ajax后台无刷新验证用户名重复，前台验证两次密码一致，后台创建并验证验证码
写在前面写web 的人,我想最先要解决的就是注册登录的界面了,一个小小的界面却包含着各种基本的知识,让我这个新手摸了一天. 效果图知识 1.bootstrap渲染表单 2.JQuery ajax验 ...
利用ajax无刷新验证注册信息
==> 学习汇总(持续更新) ==> 从零搭建后端基础设施系列(一)-- 背景介绍其大概思路如下: 一.把注册的html页面做好(html+css) 1.不需要form表单,直接用div ...
AJAX(三)--实例无刷新验证用户名是否存在
我们知道在注册淘宝账户时,当我们注册的账户名与其他人同名的时候,系统会自动的给出提示,并且给出推荐使用的账户名,并没有完全的刷新整个页面,而是悄悄的向服务器端发送请求进行验证,让我们感觉很舒服,这就是 ...
SSH（Struts 2.3.31 + Spring 4.1.6 + Hibernate 5.0.12 + Ajax）框架整合实现简单的增删改查（包含分页，Ajax 无刷新验证该用户是否存在）...
软件152 余建强该文将以员工.部门两表带领大家进入SSH的整合教程: 源码下载:http://download.csdn.net/detail/qq_35318576/9877235 SSH 整合 ...
ajax异步实现表单的无刷新验证
在实现ajax异步实现表单的无刷新验证之前我们先要了解什么是异步什么是同步 "同步模式"就是上一段的模式,后一个任务等待前一个任务结束,然后再执行,程序的执行顺序与任务的排列顺序 ...

ajax无刷新验证用户名

ajax无刷新验证用户名相关推荐

最新文章

热门文章