使用AJAX完成用户名是否存在的异步验证

1.事件的触发:onblur

2.编写ajax代码:向action中提交传递username的参数

function checkusername(){
        var username = document.getElementById("username").value;
        
        //1.创建异步交互对象
        var xhr = createXmlHttp();
        //2.设置监听
        
        xhr.onreadystatechange = function(){
            if(xhr.readyState == 4){
                if(xhr.status == 200){
                    document.getElementById("span1").innerHTML = xhr.responseText;
                }
            }
        }
    
        
        //3.打开连接
            xhr.open("GET","${pageContext.request.contextPath}/user_findByName.action?time="+new Date().getTime()+"&username="+username,true)
        //4.发送
        xhr.send(null);
    }
    function createXmlHttp(){
           var xmlHttp;
           try{ // Firefox, Opera 8.0+, Safari
                xmlHttp=new XMLHttpRequest();
            }
            catch (e){
               try{// Internet Explorer
                     xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
                  }
                catch (e){
                  try{
                     xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
                  }
                  catch (e){}
                  }
            }

            return xmlHttp;
         }

3.编写action

接收username:模型驱动接收

private User user = new User();
    public User getModel() {
        // TODO Auto-generated method stub
        return user;
    }

编写实体类

User和User.hbm.xml

将这些配置到application中private User user = new User();
    public User getModel() {
        // TODO Auto-generated method stub
        return user;
    }

编写Dao类

继承HibernateDaoSupport

       将配置注入到sessionFactory

       <!-- Dao的配置  ===========================-->
    <bean id="userDao" class="com.graduation.library.user.dao.UserDao">
        
        <property name="sessionFactory" ref="sessionFactory"/>
    </bean>

编写service

    注入UserDao

      // 注入UserDao
        private UserDao userDao;

        public void setUserDao(UserDao userDao) {
            this.userDao = userDao;
        }

      事务管理


    <!-- Service的配置  ===========================-->
    <bean id="userService" class="com.graduation.library.user.service.UserService">
        <!-- 注入dao层 -->
        <property name="userDao" ref="userDao"/>
    </bean>

猜你喜欢

转载自blog.csdn.net/weixin_42546729/article/details/87480611