使用AJAX异步校验用户名是否存在

这次给大家带来使用AJAX异步校验用户名是否存在，使用AJAX异步校验用户名是否存在的注意事项有哪些，下面就是实战案例，一起来看一下。

使用AJAX完成用户名是否存在异步校验:

1.事件触发:

* onblur

2.编写AJAX代码:

* 项Action中提交:传递username参数

3.编写Action

* 接收username:模型驱动接收.

4.* 编写实体类

* User

* User.hbm.xml

* 配置到spring中.

5.编写DAO

* 继承HibernateDaoSupport

* 在配置中注入sessionFactory

6.编写Service:

* 注入UserDao

* 事务管理:

核心代码实现：

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; 
     }

public String findByName() throws IOException { 
    // 调用Service进行查询: 
    User existUser = userService.findByUsername(user.getUsername()); 
    // 获得response对象,项页面输出: 
    HttpServletResponse response = ServletActionContext.getResponse(); 
    response.setContentType("text/html;charset=UTF-8"); 
    // 判断 
    if (existUser != null) { 
      // 查询到该用户:用户名已经存在 
      response.getWriter().println("用户名已经存在"); 
    } else { 
      // 没查询到该用户:用户名可以使用 
      response.getWriter().println("用户名可以使用"); 
    } 
    return NONE; 
  }

private UserDao userDao; 
  public void setUserDao(UserDao userDao) { 
    this.userDao = userDao; 
  } 
  // 按用户名查询用户的方法: 
  public User findByUsername(String username){ 
    return userDao.findByUsername(username); 
  }

public User findByUsername(String username){ 
    String hql = "from User where username = ?"; 
    List list = this.getHibernateTemplate().find(hql, username); 
    if(list != null && list.size() > 0){ 
      return list.get(0); 
    } 
    return null; 
  }

 
 
   
   
   
   
   
     
     
     
     
   
   
   
     
     
     
     
       
        org.hibernate.dialect.MySQLDialect 
        true 
        true 
        false 
        update 
       
     
     
     
       
        cn/itcast/shop/user/vo/User.hbm.xml 
       
     
   
   
   
   
     
   
   
   
   
   
   
   
   
   
   
   
   
     
     
   
   
   
     
   
   
   
     
   
 
[html] view plain copy 在CODE上查看代码片派生到我的代码片
 
 
 
   
   
   
     
      /WEB-INF/jsp/msg.jsp 
     
     
     
      /WEB-INF/jsp/index.jsp 
     
     
     
      /WEB-INF/jsp/regist.jsp 
      /WEB-INF/jsp/regist.jsp 
      /WEB-INF/jsp/login.jsp 
      /WEB-INF/jsp/login.jsp 
      index 
      index 
      /WEB-INF/jsp/regist.jsp 
     
     
     
   

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

Ajax怎么操作post请求跳转页面

瑞宝通JAVA版B2B电子商务系统

瑞宝通B2B系统使用当前流行的JAVA语言开发，以MySQL为数据库，采用B/S J2EE架构。融入了模型化、模板、缓存、AJAX、SEO等前沿技术。与同类产品相比，系统功能更加强大、使用更加简单、运行更加稳 定、安全性更强，效率更高，用户体验更好。系统开源发布，便于二次开发、功能整合、个性修改。 由于使用了JAVA开发语言，无论是在Linux/Unix，还是在Windows服务器上，均能良好运行

下载

Ajax进行文件与参数上传步奏详解