zoukankan      html  css  js  c++  java
  • ajax 异步验证

    function checkusername(){
    var username=document.getElementById("").value;
    //1.创建XMLHttp协议对象
    var xmlHttp;
    if(window.ActiveXObject){
    xmlHttp=newActiveXObject("Microsoft.XMLHTTP");
    }else if(window.XMLHttpRequest){
    xmlHttp=newXMLHttpRequest();
    }else{
    alert('您的浏览器不支持Ajax验证');
    }
    //2.创建一个请求
    varmethod="GET";
    //将中文参数值转成UTF-8编码,解决传递参数的中文问题
    var url="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){
    //获取服务端响应的字符串
    var result=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里调用数据库对用户名进行验证,可用response.getWriter().write()方法写入

    也可以在配置文件中

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

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

  • 相关阅读:
    Linux系统安装Apache 2.4.6
    Redhat Server 5.7 安装配置PHP
    ORACLE基本数据类型总结
    Nagios学习实践系列——产品介绍篇
    Linux技术修复
    python的特殊方法:
    python获取对象信息
    python多重继承:
    python多态
    python类的继承
  • 原文地址:https://www.cnblogs.com/xiehaoyu/p/3417935.html
Copyright © 2011-2022 走看看