JavaScript中XMLHttpRequest对象是整个Ajax技术的核心,它提供了异步发送请求的能力 。而用户名或昵称的验证就可以使XMLHttpRequest对象实现。下面是个小例子。

页面:
简单的输入框
<body> 昵称:<input type="text" name="username" ><span id="msg">请输入昵称</span><br> 密码:<input type="password" name="password"> </body>
JS代码如下:
window.onload=function()
{
var nameElement=document.getElementsByName("username")[0];
//为昵称选项注册onblur事件
nameElement.onblur=function()
{
var name=this.value;
//1.获取XMLHttpRequest对象
var req=getXMLHttpRequest();
//4.处理响应结果
req.onreadystatechange=function(){
if(req.readyState==4){//XMLHttpRequest对象读取成功
if(req.status==200){//服务器相应正常
var msg=document.getElementById("msg");
//根据返回的结果显示不同的信息
if(req.responseText=="true"){
msg.innerHTML="<font color='red'>该昵称已注册</font>";
}else{
msg.innerHTML="<font color='green'>可以使用</font>";
}
}
}
}
//2.建立一个连接
req.open("get","${pageContext.request.contextPath}/servlet/checkUserServlet?name="+name);
//3.发送get请求
req.send(null);
}
}
getElementsByName方法,根据浏览器的不同获得不同的XMLHttpRequest对象(提供异步发送请求的能力):
function getXMLHttpRequest(){
var xmlhttp;
if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlhttp;
}
servlet:仅仅为了测试,并没有真正从dao层查询
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
PrintWriter pw=response.getWriter();
String name=request.getParameter("name");
//判断昵称是否已被使用
if("tom".equals(name)){
pw.print(true);
}else{
pw.print(false);
}
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request, response);
}
测试:
由于在servlet中我们只验证tom是否存在,所以tom显示已使用。
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
# ajax验证用户名
# ajax实现用户名验证
# ajax验证用户名是否存在
# ajax验证昵称
# jquery+ajax实现注册实时验证实例详解
# 用AJAX实现页面登陆以及注册用户名验证的简单实例
# PHP+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)
# Asp.net下利用Jquery Ajax实现用户注册检测(验证用户名是否存)
# Ajax注册用户时实现表单验证
# ajax对注册名进行验证检测是否存在于数据库中
# AJAX+JAVA用户登陆注册验证的实现代码
# asp ajax注册验证之 防止用户名输入空格
# 使用struts2+Ajax+jquery验证用户名是否已被注册
# AJAX实现注册验证用户名
# 是个
# 已被
# 请输入
# 可以使用
# 建立一个
# 是否存在
# 就可以
# 输入框
# 而用
# nameElement
# var
# document
# onblur
# getElementsByName
# function
# onload
# window
# JS
相关文章:
如何用美橙互联一键搭建多站合一网站?
历史网站制作软件,华为如何找回被删除的网站?
建站中国官网:模板定制+SEO优化+建站流程一站式指南
香港服务器WordPress建站指南:SEO优化与高效部署策略
建站之星如何助力网站排名飙升?揭秘高效技巧
专业网站制作服务公司,有哪些网站可以免费发布招聘信息?
武汉外贸网站制作公司,现在武汉外贸前景怎么样啊?
矢量图网站制作软件,用千图网的一张矢量图做公司app首页,该网站并未说明版权等问题,这样做算不算侵权?应该如何解决?
相册网站制作软件,图片上的网址怎么复制?
七夕网站制作视频,七夕大促活动怎么报名?
美食网站链接制作教程视频,哪个教做美食的网站比较专业点?
如何快速搭建FTP站点实现文件共享?
如何注册花生壳免费域名并搭建个人网站?
一键网站制作软件,义乌购一件代发流程?
学生网站制作软件,一个12岁的学生写小说,应该去什么样的网站?
在线制作视频网站免费,都有哪些好的动漫网站?
详解jQuery停止动画——stop()方法的使用
如何通过宝塔面板实现本地网站访问?
如何快速搭建高效可靠的建站解决方案?
深圳网站制作平台,深圳市做网站好的公司有哪些?
如何选择高性价比服务器搭建个人网站?
如何在云服务器上快速搭建个人网站?
头像制作网站在线观看,除了站酷,还有哪些比较好的设计网站?
陕西网站制作公司有哪些,陕西凌云电器有限公司官网?
网站制作难吗安全吗,做一个网站需要多久时间?
如何快速使用云服务器搭建个人网站?
宝塔新建站点为何无法访问?如何排查?
保定网站制作方案定制,保定招聘的渠道有哪些?找工作的人一般都去哪里看招聘信息?
宝华建站服务条款解析:五站合一功能与SEO优化设置指南
建站10G流量真的够用吗?如何应对访问高峰?
黑客如何利用漏洞与弱口令入侵网站服务器?
车管所网站制作流程,交警当场开简易程序处罚决定书,在交警网站查询不到怎么办?
制作网站的模板软件,网站怎么建设?
娃派WAP自助建站:免费模板+移动优化,快速打造专业网站
股票网站制作软件,网上股票怎么开户?
怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm,可以有哪些措施降低舍内氨气水平?
MySQL查询结果复制到新表的方法(更新、插入)
大型企业网站制作流程,做网站需要注册公司吗?
如何快速选择适合个人网站的云服务器配置?
如何彻底卸载建站之星软件?
独立制作一个网站多少钱,建立网站需要花多少钱?
专业制作网站的公司哪家好,建立一个公司网站的费用.有哪些部分,分别要多少钱?
实惠建站价格推荐:2025年高性价比自助建站套餐解析
完全自定义免费建站平台:主题模板在线生成一站式服务
香港服务器部署网站为何提示未备案?
如何制作一个表白网站视频,关于勇敢表白的小标题?
头像制作网站在线制作软件,dw网页背景图像怎么设置?
详解一款开源免费的.NET文档操作组件DocX(.NET组件介绍之一)
c# 在高并发场景下,委托和接口调用的性能对比
广州网站制作的公司,现在专门做网站的公司有没有哪几家是比较好的,性价比高,模板也多的?
*请认真填写需求信息,我们会在24小时内与您取得联系。