ajax异步验证效果展示,ajax异步验证

functioncheckusername(){

varusername=document.getElementById("").value;

//1.创建XMLHttp协议对象

varxmlHttp;

if(window.ActiveXObject){

xmlHttp=newActiveXObject("Microsoft.XMLHTTP");

}elseif(window.XMLHttpRequest){

xmlHttp=newXMLHttpRequest();

}else{

alert('您的浏览器不支持Ajax验证');

}

//2.创建一个请求

varmethod="GET";

//将中文参数值转成UTF-8编码,解决传递参数的中文问题

varurl="TestAjaxAndValidatorAction!CheckUser.action?username="+username;

url=encodeURI(url);

xmlHttp.open(method,url);

//3.设置readyState响应处理函数

xmlHttp.onreadystatechange=function(){

//判断是否已经完成

if(xmlHttp.readyState==4){

//判断响应是否正常

if(xmlHttp.status==200){

//获取服务端响应的字符串

varresult=xmlHttp.responseText;

//document.getElementById("xxx").innerHTML=result;

alert(result);

}

}

}

//4.发送请求

xmlHttp.send();

}

jsp：

提交时验证到后台action

在action里调用数据库对用户名进行验证，可用out.print方法写入

也可以在配置文件中

$resultValue}

注：action里直接给resultValue复制，(最好为全局变量)