加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

ajax异步验证

发布时间:2020-12-15 21:59:00 所属栏目:百科 来源:网络整理
导读:functioncheckusername(){ varusername=document.getElementById("").value; //1.创建XMLHttp协议对象 varxmlHttp; if(window.ActiveXObject){ xmlHttp=newActiveXObject("Microsoft.XMLHTTP"); }elseif(window.XMLHttpRequest){ xmlHttp=newXMLHttpRequest(

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:

<s:formaction="TestAjaxAndValidatorAction!insertUser.action"method="post">
<s:textfieldlabel="用户名"id="userName"name="userName"onblur="checkusername();"></s:textfield>
<s:textfieldlabel="密码"name="password"></s:textfield>
<s:submitvalue="注册用户"></s:submit>
</s:form>

提交时验证到后台action

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

也可以在配置文件中

<resultname="success">
<paramname="resultValue">$resultValue}</param>
</result>

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读