Ajax验证用户ID是否存在-优快云博客

本文介绍了一个使用AJAX进行用户ID验证的简单示例。通过JavaScript创建XMLHttpRequest对象，实现对用户输入的实时验证，并从服务器获取反馈信息显示在页面上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var xmlHttp;

function createXmlHttp(){
	//表示当前浏览器不是ie,如ns,firefox
		if(window.XMLHttpRequest) {
			xmlHttp = new XMLHttpRequest();
		} else if (window.ActiveXObject) {
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
}

//验证用户ID是否存在
function validateUserId(field){
	if(trim(field.value).length!=0){
		createXmlHttp();
		var url="user_validate.jsp?userId="+trim(field.value)+"&timeStamp="+new Date().getTime();
		xmlHttp.open("GET",url,true);
		//处理完成后自动调用
		xmlHttp.onreadystatechange=function() { //匿名函数
				if(xmlHttp.readyState == 4) { //Ajax引擎初始化成功
					if (xmlHttp.status == 200) { //http协议成功
						document.getElementById("userIdSpan").innerHTML = "<font color='red'>" + xmlHttp.responseText + "</font>";
					}else {
						alert("请求失败，错误码=" + xmlHttp.status);
					}
				}
			};
			//将参数发送到Ajax引擎
			xmlHttp.send(null);
		}else {
			document.getElementById("userIdSpan").innerHTML = "";
		}
	}

另外一个JSP页面：

<%
	String userId = request.getParameter("userId");
	out.println(userId);
	if (UserManager.createInstance().findUserById(userId) != null) {				
		out.println("用户代码已经存在！");
	} 
%>