《利用ajax实现用户名登录验证(肯定正确).doc》由会员分享,可在线阅读,更多相关《利用ajax实现用户名登录验证(肯定正确).doc(3页珍藏版)》请在金锄头文库上搜索。
1、这几天解决了以前不会的一个技术,利用ajax实现用户登录名验证问题,而且我发现网上很多方法其实都有错误,下面我把它分享一下,希望遇到这种问题的人不至于在纠结。声明一下,本实例代码可以直接拷贝运行。首先是数据库方面,我用的mysql数据库,建表语句如下: create table user(id int not null primary key auto_increment,username varchar(20) 然后插入两条数据: insert into user(username) values(zhangsan); insert into user(username) values(小雷
2、);然后编写html页面: ajax验证 var xmlHttp; function createXMLHttp() if(window.XMLHttpRequest) xmlHttp=new XMLHttpRequest(); else xmlHttp=new ActiveXObject(Microsoft.XMLHTTP); function checkUsername() var username=document.getElementById(username).value; createXMLHttp(); xmlHttp.onreadystatechange=checkUserna
3、meCallback; xmlHttp.open(post,check.jsp?username=+username); xmlHttp.send(null); document.getElementById(info).innerHTML=正在验证; function checkUsernameCallback() if(xmlHttp.readyState=4) if(xmlHttp.status=200) var flag=xmlHttp.responseText; if(flag=1) document.getElementById(info).innerHTML=用户已经存在; else document.getElementById(info).innerHTML=可以使用; 用户名: 验证页面check.jsp(注意放在一个目录下)我这里为了方便直接用的jsp接受,真实情况下一般用servlet接受并调用模型层来实现数据库访问。 验证页面如下: