這篇文章主要介紹了如何使用AJAX完成用戶名是否存在異步校驗，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

在昆玉等地區(qū)，都構建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產品創(chuàng)新能力，以專注、極致的服務理念，為客戶提供成都網(wǎng)站建設、成都網(wǎng)站設計 網(wǎng)站設計制作定制開發(fā),公司網(wǎng)站建設,企業(yè)網(wǎng)站建設,品牌網(wǎng)站制作,營銷型網(wǎng)站,成都外貿網(wǎng)站建設公司,昆玉網(wǎng)站建設費用合理。

使用AJAX完成用戶名是否存在異步校驗:

1.事件觸發(fā):

* onblur

2.編寫AJAX代碼:

* 項Action中提交:傳遞username參數(shù)

3.編寫Action

* 接收username:模型驅動接收.

4.* 編寫實體類

* User

* User.hbm.xml

* 配置到spring中.

5.編寫DAO

* 繼承HibernateDaoSupport

* 在配置中注入sessionFactory

6.編寫Service:

* 注入UserDao

* 事務管理:

核心代碼實現(xiàn)：

function checkUsername(){ 
    // 獲得文件框值: 
    var username = document.getElementById("username").value; 
    // 1.創(chuàng)建異步交互對象 
    var xhr = createXmlHttp(); 
    // 2.設置監(jiān)聽 
    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.發(fā)送 
    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 
     
     
     
   

感謝你能夠認真閱讀完這篇文章，希望小編分享的“如何使用AJAX完成用戶名是否存在異步校驗”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設公司，，關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關知識等著你來學習!

網(wǎng)站欄目：如何使用AJAX完成用戶名是否存在異步校驗-創(chuàng)新互聯(lián)
文章網(wǎng)址：http://weahome.cn/article/jceeo.html