• Ajax异步处理当用户申请新用户


    Ajax异步处理当用户申请新用户时,输完用户名鼠标点击其他地方后就弹出提示该用户名是否注册的方法:

    Ajax处理的JS代码:

    <script language="javascript">

    var xmlHttpReq;
    function createXmlHttpRequest() {
     if (window.XMLHttpRequest) {
      xmlHttpReq = new XMLHttpRequest();
     } else {
      xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
     }
    }
    function checkUser() {
     createXmlHttpRequest();
     xmlHttpReq.onreadystatechange = handle;
     var username = document.getElementById("username").value;
     var test_username = document.getElementById("test_username");
     test_username.style.display = "none";
     if (username == "") {
      test_username.style.display = "block";
      alert("username Can not be empty");
     } else {

      //url是一个跳转地址,把用户名传过去跳到Action层去调用checkUser方法进行验证
      var url = "system/login-checkUser?username=" + username + "&time=" + new Date().getTime();
      xmlHttpReq.open("get", url, true);
      xmlHttpReq.onreadystatechange = handle;
      xmlHttpReq.send(null);
     }
    }
    function handle() {
     if (xmlHttpReq.readyState == 4) {
      if (xmlHttpReq.status == 200) {
       var res = xmlHttpReq.responseText;
       var result = document.getElementById("test_username");
       result.style.display = "";
       result.innerHTML = res;   //设置提示信息
      }
     }
    }

    </script>

    JSP页面调用:

    <tr>
          <td width="104"><div align="right">用户名:${userexist}</div></td>
          <td width="201" height="24"><input name="userdto.username" type="text"        class="inputcontent" id="username" value="" onblur="checkUser()" size="20" >       
          <span class="star">*</span></td>
        <td width="473"><div id="test_username" style="display:none"><font color="#FF0000">用户名不能为空</font></div></td>
        </tr>

    Action层验证用户是否存在方法:

    /**验证用户名是否存在**/
     public void checkUser(){
      try {
       HttpServletRequest request = ServletActionContext.getRequest();
       HttpServletResponse response = ServletActionContext.getResponse();
       PrintWriter pw = response.getWriter();
       String username = request.getParameter("username");
       if(userManageBiz.checkUser(username)){
        pw.println("<font color='red'> 该用户名已经存在,请重新输入!</font><input type='hidden'  name='userexist' value='userexist'/>");
       }else pw.println("<font color='blue'> 恭喜你,这个用户名可以用!</font>");
       
      } catch (IOException e) {
       e.printStackTrace();
      }
     }

     

  • 相关阅读:
    The OpenGL pipeline
    HLS协议实现
    用C++设计一个不能被继承的类
    Ansible@一个高效的配置管理工具--Ansible configure management--翻译(八)
    史上最简单的软件破解——5行脚本代码完美破解99%的过期软件
    oracle11g创建新的用户和改动最大连接数
    【SICP感应】1 工艺和替代模式
    ant利用先进,ant订单具体解释,ant包,ant包装删除编译jar文件
    SqlServer表EXCEL数据复制的另一种方法
    【摘要干】如何执飞前写商业计划?
  • 原文地址:https://www.cnblogs.com/hxwzwiy/p/2412189.html
Copyright © 2020-2023  润新知