Ajax验证用户名是否存在的实例代码

站长资源 2024/11/24 佚名

2 0 1

jsp页面

<head>
<script type="text/javascript" src="/UploadFiles/2021-04-02/register.js">

js文件夹下的register.js


//创建对象
function ajaxFunction(){
 var xmlHttp;
 try{
 // 适用于IE7+, Firefox, Chrome, Opera, Safari
 xmlHttp=new XMLHttpRequest();
 }
 catch(e){
 try{
 //Internet Explorer
 xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
 }
 catch(e){
 try{
 // 适用于IE6, IE5
 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
 }
 catch(e){
 xmlHttp=false;
 }
 }
 }
 return xmlHttp;
 }

var flag=ture;
 function CheckUserName(){
 //获取jsp页面输入的值
var name=document.getElementById("r_name").value;
 if(name==""||name==null){
 document.getElementById("span01").innerHTML="<font color='red'>用户名不能为空！</font>"
 flag=false;
 }else{
 //1.创建对象
var request=ajaxFunction();
 //2.发送请求
request.open("POST","/StudyWeb/CheckUserNameServlet",true);//true表示异步提交
//注册状态改变监听，获取服务器传送过来的数据
request.onreadystatechange=function(){
 //readyState==4表示请求已经完成，且响应已就绪。status==200表示“OK”
if(request.readyState==4 && request.status==200){
var data=request.responseText;//获取CheckUserNameServlet中response中存储的值
if(data == 1){
 document.getElementById("span01").innerHTML="<font color='red'>用户名已存在！</font>"
 flag=false;
 }else{
 document.getElementById("span01").innerHTML="<font color='green'>√</font>"
 flag=true;
 }
 }
 }
 //如果是post方式带数据，那么这里要添加头，说明提交的数据类型是一个经过url编码的form表单数据
request.setRequestHeader("Content-type","application/x-www-form-urlencoded;charset=UTF-8");
 //带数据过去，在send方法里填写表单数据
request.send("name="+name);
 }
 return flag;
 }


后台StudyWeb项目下的CheckUserNameServlet


protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//获取ajax发送过来的name值
String r_name=request.getParameter("name");
 try {
 //检验是否存在该用户名
boolean isExist=userService.CheckUserName(r_name);
 System.out.println("isExist"+isExist);
 //通知页面，到底有没有
if(isExist){
 response.getWriter().println(1);//存在用户名
}else{
 response.getWriter().println(2);//不存在该用户
}
 } catch (Exception e) {
 e.printStackTrace();
 }
 }


UserDaoImpl中方法的实现


public boolean CheckUserName(String u_name) {
 boolean flag=false;
 String sql="select u_id,u_name,u_password,u_email,u_phone from user where u_name=";
 conn=super.getConnection();
 try {
 pstmt=conn.prepareStatement(sql);
 pstmt.setString(1,u_name);
 rs=pstmt.executeQuery();
//如果存在我输入的用户名和数据库表中已有的用户名相同时
if(rs.next()){
flag=true;
 }
 } catch (SQLException e) {
 e.printStackTrace();
 }finally{
 super.closeAll(conn, pstmt, stmt, rs);
 }
 return flag;
 }


总结
以上所述是小编给大家介绍的Ajax验证用户名是否存在的实例代码，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言小编会及时回复大家的！

ajax验证用户名,ajax,验证用户名是否存在

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

评论“Ajax验证用户名是否存在的实例代码”

暂无评论...

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒经典版》的玩家都可以获得奖励。

更新日志

2024年11月24日

Ajax验证用户名是否存在的实例代码

Ajax登陆使用Spring Security缓存跳转到登陆前的链接

使用Ajax模仿百度搜索框的自动提示功能实例

评论“Ajax验证用户名是否存在的实例代码”

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

更新日志

友情链接