//该函数用于创建一个XMLHttpRequest对象 function createXMLHttpRequest() { if (window.ActiveXObject) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } }
//这是一个启动AJAX异步通信的方法 function beginCheck(){ var tempLoginName = document.all.loginName.value; if (tempLoginName == ""){//如果尚未输入注册名 alert("对不起,请您输入注册名!"); return; } //创建一个XMLHttpRequest对象 createXMLHttpRequest(); //将状态触发器绑定到一个函数 xmlHttp.onreadystatechange = processor; //通过GET方法向指定的URL建立服务器的调用 xmlHttp.open("GET", "../User?logname="+tempLoginName); //发送请求 xmlHttp.send(null); }
然后在action的处理类中对数据进行处理不就可以了么~
下面是一个用户唯一性验证的例子,LZ参考一下:<%@ page language="java" pageEncoding="GB2312"%>
<html>
<head>
<title>注册用户惟一性检查</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
</head>
<script language="javascript">
//定义一个变量用于存放XMLHttpRequest对象
var xmlHttp;
//该函数用于创建一个XMLHttpRequest对象
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
//这是一个启动AJAX异步通信的方法
function beginCheck(){
var tempLoginName = document.all.loginName.value;
if (tempLoginName == ""){//如果尚未输入注册名
alert("对不起,请您输入注册名!");
return;
}
//创建一个XMLHttpRequest对象
createXMLHttpRequest();
//将状态触发器绑定到一个函数
xmlHttp.onreadystatechange = processor;
//通过GET方法向指定的URL建立服务器的调用
xmlHttp.open("GET", "../User?logname="+tempLoginName);
//发送请求
xmlHttp.send(null);
}
//这是一用来处理状态改变的函数
function processor () {
//定义一个变量用于存放从服务器返回的响应结果
var responseContext;
if(xmlHttp.readyState == 4) { //如果响应完成
if(xmlHttp.status == 200) {//如果返回成功
//取出服务器的响应内容
responseContext = xmlHttp.responseText;
//如果注册名检查有效
if (responseContext.indexOf("true")!=-1){
document.getElementById("mei").style.display="";
document.getElementById("you").style.display="none"
}else{
document.getElementById("you").style.display=""
document.getElementById("mei").style.display="none";
}
}
}
}
</script>
<body>
<form name="form1" action="CheckUser" method="POST">
请输入注册用户名:
<input name="loginName" type="text" id="loginName">
<input type="button" name="checkLoginName" value="用户检查" onclick="beginCheck()">
<span id="you" style="display:none">用户名已存在!! </span>
<span id="mei" style="display:none">用户名可用!! </span>
</form>
</body>
</html>