Ajax 脚本模板--表单验证

irsv67

于 2009-02-13 13:16:14 发布

阅读量137

点赞数

分类专栏： computerDoc 文章标签：脚本 Ajax Microsoft JSP

本文链接：https://blog.youkuaiyun.com/irsv67/article/details/83354043

版权

computerDoc 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个使用AJAX进行后台验证用户ID的JavaScript实现案例。通过创建XMLHttpRequest对象发送GET请求到服务器端点'user_validate.jsp'，并附带用户ID及时间戳参数。服务器响应后，将结果显示在页面上。

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


var xmlHttp;

function createXMLHttpRequest() {
	if(window.XMLHttpRequest){
		xmlHttp = new XMLHttpRequest();
	} else if(window.ActiveXObject){
		xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
	}
}

function validate(field){
	if(field.value != ""){
		createXMLHttpRequest();
		var url = "user_validate.jsp?userId=" + field.value + "&timestamp=" + new Date().getTime();
		xmlHttp.open("GET", url, true);
		xmlHttp.onreadystatechange=callBack;
		xmlHttp.send(null);
	}else {
		document.getElementById("userIdSpan").innerHTML="";
	}
}

function callBack(){
	if(xmlHttp.readyState == 4){
		if(xmlHttp.status == 200){
			document.getElementById("userIdSpan").innerHTML=xmlHttp.responseText;
		} else {
			alert("xmlHttp 请求失败，错误码 " + xmlHttp.status);
		}
	}
}