AJAX异步校验用户名

前端之家收集整理的这篇文章主要介绍了AJAX异步校验用户名前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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);
}

猜你在找的Ajax相关文章