资源预览内容
第1页 / 共3页
第2页 / 共3页
第3页 / 共3页
亲,该文档总共3页全部预览完了,如果喜欢就下载吧!
资源描述
这几天解决了以前不会的一个技术,利用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(小雷);然后编写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=checkUsernameCallback; 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接受并调用模型层来实现数据库访问。 验证页面如下:
收藏 下载该资源
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号