AJax基于JavaScript实现注册时局部判断用户名是否已被使用
2017-04-13 20:24
579 查看
<script type="text/javascript" > var xhr;//声明变量 //声明一个创建XMLHttpRequest对象的函数 function getXMLHttpRequest() { if (window.XMLHttpRequest) { return new XMLHttpRequest; } } function userInput(textName) { //获取文本框的值 var userName = textName.value; //调用getXMLHttpRequest函数创建XMLHttpRequest对象 xhr = getXMLHttpRequest(); //设置回调函数 xhr.onreadystatechange = getResult; //封装函数 xhr.open("GET", "StudentServlet?userName=" + userName, true); //发送请求 xhr.send(null); } //回调函数,data表示从服务器返回来的数据 function getResult() { //获取span框 var span = document.getElementById("span"); //判断服务端是否成功返回数据 if (xhr.readyState == 4 && xhr.status == 200) { //接收并处理服务端返回来的数据 if (xhr.responseText == "y") { span.style.color = "green"; span.innerHTML = "恭喜!该用户名可用!"; } else { span.style.color = "red"; span.innerHTML = "该用户名已被使用!请重新输入"; } } } </script>
效果截图:Ps:用户名的数据来源于数据库
当填写用户名把鼠标移开后就能判断用户名是否已被使用。
当用户名可以使用时:
当用户名存在时:
相关文章推荐
- AJax基于jQuery实现注册时局部判断用户名是否已被使用
- Ajax 无刷新在注册用户名时判断是否为空是否被使用
- php使用ajax实现注册账号时判断账号是否已经存在
- 【Ajax】实现注册页面判断用户名是否可用的提示—异步加载
- Ajax实现判断用户名是否已被注册
- 注册JQuery使用ajax调用后台方法,判断用户名、邮箱是否存在,并显示隐藏提示
- 注册JQuery使用ajax调用后台方法,判断用户名、邮箱是否存在,并显示隐藏提示
- Ajax 无刷新在注册用户名时判断是否为空是否被使用
- Ajax实现无刷新验证用户名是否存在 (使用AjaxPro.2.dll)(当鼠标离开输入框时,即使判断用户名是否存在)
- ajax实现注册页面动态验证用户名是否已注册,不必提交即可验证。
- 使用updatepanel局部刷新实现注册时对用户名的检测示例
- AJAX 实现判断用户名是否存在 无刷新效果
- 纯javascript 实现 Ajax 验证用户名是否被占用
- 使用Ajax判断用户名是否存在
- AJAX .NET验证注册用户名是否已经被使用
- 基于jQuery实现的Ajax 验证用户名是否存在的实现代码
- 使用updatepanel局部刷新实现注册时对用户名的检测示例
- 基于jQuery实现的Ajax 验证用户名是否存在的实现代码
- [JavaScript]使用JavaScript+CSS实现注册页面中检验两次密码输入是否相同
- AJAX 基础-判断注册用户名是否存在