ajax简单校验

function saveObj(){
    var userName = document.getElementById("userName").value;  
    checkUserName(userName);
}

//使用ajax实现页面无刷新功能; 
    var xmlHttpRequest;
    function createXMLHttpRequest(){
      if(window.XMLHttpRequest){
      xmlHttpRequest = new XMLHttpRequest();
      }else if(window.ActiveXObject){
      try{
        xmlHttpRequest = new ActiveXObject("Msxml2.XMLHTTP");
        }catch(e){
        try{
          xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
        }catch(e1){}
        }
      }
    }
    
    
    //实现用户名校验技术;
    function checkUserName(userName){
      createXMLHttpRequest();      
        var url="/sxyj/jsp/SystemUserVOAction.do?userName='"+userName+"'";    
      xmlHttpRequest.open("post",url);
      xmlHttpRequest.onreadystatechange = checkUser;      
      xmlHttpRequest.send(null);    
    }
    
  function checkUser(){
      if(xmlHttpRequest.readyState==4){
      if(xmlHttpRequest.status==200){
      var user="fail";
        var mess = xmlHttpRequest.responseText;
        if(mess=="success"){
            alert("此用户已存在");
            document.getElementById("txt_Name").focus();  
            return;
        }else{
            document.form1.submit();
        }
      }
      }
  }  


定义一个input框

<input type="text" name="userName" value="" id="userName" /> 

<input type="button" name="userName" value="提交" />


//在action中如下

//使用ajax技术实现用户校验
      String userName = request.getParameter("userName");      
      if(userName!=null&&!userName.equals("")){      
      YHGLManage yhgl = new YHGLManageImpl();
      String pwd = yhgl.getSystemUserVOByName(userName, uservo);
      if(pwd!=null&&!pwd.equals("")){
        try {
        response.getWriter().write("success");
        } catch (IOException e) {
        // TODO Auto-generated catch block
        e.printStackTrace();
        }
        return null;
      }
      }