ajax实例--检测用户名是否重复

1.思路:
结果:用户在页面输入用户名的时候就能直接检测出用户名是否重复。
如何实现:
1.页面不跳转就要用ajax实现
2.用户输入就出现信息就是文本框内容发生改变时触发事件

考虑前后端分离,整体分为前端(html)负责页面展示,后端(servlet)负责接收数据,逻辑判断,返回数据

html页面:
在这里插入图片描述
servlet
在这里插入图片描述
枚举类
在这里插入图片描述

易错点:
1.css,jquery都用相对路径引入
2.实体类,枚举类不是新的属性,就是实体属性
3.汤姆猫容易卡,记得restart

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用Ajax技术实现检测注册用户名是否重复,具体实现步骤如下: 1. 在注册页面添加一个用户名输入框和一个检测按钮。 2. 当用户输入完用户名后,点击检测按钮触发Ajax请求。 3. 在Ajax请求中,将用户名作为参数传递给服务器端。 4. 服务器端根据传递的用户名,在数据库中查询是否存在相同的用户名。 5. 服务器端将查询结果返回给客户端。 6. 客户端接收到服务器端返回的结果后,根据结果提示用户该用户名是否可用。 以下是一个简单的Ajax实现检测注册用户名是否重复的示例代码: ``` // HTML代码 <input type="text" id="username" /> <button onclick="checkUsername()">检测用户名</button> // JavaScript代码 function checkUsername() { var username = document.getElementById("username").value; var xhr = new XMLHttpRequest(); xhr.open("POST", "check_username.php", true); xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { var result = xhr.responseText; if (result == "exist") { alert("该用户名已存在,请重新输入!"); } else { alert("该用户名可用!"); } } }; xhr.send("username=" + username); } // PHP代码(check_username.php) $username = $_POST["username"]; // 在数据库中查询是否存在相同的用户名 if (存在相同的用户名) { echo "exist"; } else { echo "not exist"; } ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值