AJAX异步校验用户名
2017-08-24 13:58
274 查看
AJAX异步校验用户名:
function checkUsername(){
// 获得文本框的值:
var username = document.getElementById("username").value;
// 创建对象:
var xhr = createXMLHttpRequest();
// 2.状态改变触发一个函数
xhr.onreadystatechange = function(){
if(xhr.readyState == 4){
if(xhr.status == 200){
// 获得到响应内容:
var data = xhr.responseText;
if(data == 1){
// 可以使用
document.getElementById("s1").innerHTML = "<font color='green'>用户名可以使用</font>";
document.getElementById("regBut").disabled=false;
}else if(data == 2){
// 已经存在
document.getElementById("s1").innerHTML = "<font color='red'>用户名已经被使用</font>";
document.getElementById("regBut").disabled=true;
}
}
}
}
// 3.打开连接
xhr.open("GET","/WEB15/ServletDemo3?username="+username,true);
// 4.发送数据
xhr.send(null);
}
function checkUsername(){
// 获得文本框的值:
var username = document.getElementById("username").value;
// 创建对象:
var xhr = createXMLHttpRequest();
// 2.状态改变触发一个函数
xhr.onreadystatechange = function(){
if(xhr.readyState == 4){
if(xhr.status == 200){
// 获得到响应内容:
var data = xhr.responseText;
if(data == 1){
// 可以使用
document.getElementById("s1").innerHTML = "<font color='green'>用户名可以使用</font>";
document.getElementById("regBut").disabled=false;
}else if(data == 2){
// 已经存在
document.getElementById("s1").innerHTML = "<font color='red'>用户名已经被使用</font>";
document.getElementById("regBut").disabled=true;
}
}
}
}
// 3.打开连接
xhr.open("GET","/WEB15/ServletDemo3?username="+username,true);
// 4.发送数据
xhr.send(null);
}
相关文章推荐
- Ajax完成用户名的异步校验
- 力所能及之springmvc+ajax+jquery+json实现登录异步校验用户名是否存在
- Ajax结合SpringMVC进行用户名异步校验
- ssh项目+jqueryeasyUI中ajax异步校验用户名
- 使用AJAX完成用户名是否存在异步校验:
- Ajax异步校验用户名是否存在
- 使用AJAX完成用户名是否存在异步校验
- 案例:Ajax异步校验用户名是否存在
- Ajax异步请求-校验用户名的唯一性
- 使用AJAX完成用户名是否存在异步校验
- 使用Ajax完成用户名异步校验
- SSH网上商城---使用ajax完成用户名是否存在异步校验
- 【项目实战】---使用ajax完成用户名是否存在异步校验
- ajax入门 json格式(①异步校验用户名是否存在 ②站内搜索)
- SSH网上商城之使用ajax完成用户名是否存在异步校验
- 使用AJAX完成用户名是否存在异步校验(基于SSH框架)
- 异步校验用户名是否存在(AJAX)
- 【SSH网上商城】使用AJAX异步加载校验用户名是否存在
- 【JAVAWEB学习笔记】22_ajax:异步校验用户名和站内查询
- jquery easyUI中ajax异步校验用户名