使用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("<font color='red'>用户名已经存在</font>"); 
    } else { 
      // 没查询到该用户:用户名可以使用 
      response.getWriter().println("<font color='green'>用户名可以使用</font>"); 
    } 
    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<User> list = this.getHibernateTemplate().find(hql, username); 
    if(list != null && list.size() > 0){ 
      return list.get(0); 
    } 
    return null; 
  } 

<?xml version="1.0" encoding="UTF-8"?> 
<beans xmlns="http://www.springframework.org/schema/beans" 
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
  xmlns:context="http://www.springframework.org/schema/context" 
  xmlns:aop="http://www.springframework.org/schema/aop" 
  xmlns:tx="http://www.springframework.org/schema/tx" 
  xsi:schemaLocation="http://www.springframework.org/schema/beans  
  http://www.springframework.org/schema/beans/spring-beans.xsd 
  http://www.springframework.org/schema/context 
  http://www.springframework.org/schema/context/spring-context.xsd 
  http://www.springframework.org/schema/aop 
  http://www.springframework.org/schema/aop/spring-aop.xsd 
  http://www.springframework.org/schema/tx  
  http://www.springframework.org/schema/tx/spring-tx.xsd"> 
  <!-- 配置连接池: --> 
  <!-- 引入外部属性文件 --> 
  <context:property-placeholder location="classpath:jdbc.properties"/> 
  <!-- 配置C3P0连接池: --> 
  <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource"> 
    <property name="driverClass" value="${jdbc.driver}"/> 
    <property name="jdbcUrl" value="${jdbc.url}"/> 
    <property name="user" value="${jdbc.user}"/> 
    <property name="password" value="${jdbc.password}"/> 
  </bean> 
  <!-- Hibernate的相关信息 --> 
  <bean id="sessionFactory" class="org.springframework.orm.hibernate3.LocalSessionFactoryBean"> 
    <!-- 注入连接池 --> 
    <property name="dataSource" ref="dataSource"/> 
    <!-- 配置Hibernate的其他的属性 --> 
    <property name="hibernateProperties"> 
      <props> 
        <prop key="hibernate.dialect">org.hibernate.dialect.MySQLDialect</prop> 
        <prop key="hibernate.show_sql">true</prop> 
        <prop key="hibernate.format_sql">true</prop> 
        <prop key="hibernate.connection.autocommit">false</prop> 
        <prop key="hibernate.hbm2ddl.auto">update</prop> 
      </props> 
    </property> 
    <!-- 配置Hibernate的映射文件 --> 
    <property name="mappingResources"> 
      <list> 
        <value>cn/itcast/shop/user/vo/User.hbm.xml</value> 
      </list> 
    </property> 
  </bean> 
  <!-- 事务管理: --> 
  <!-- 事务管理器 --> 
  <bean id="transactionManager" class="org.springframework.orm.hibernate3.HibernateTransactionManager"> 
    <property name="sessionFactory" ref="sessionFactory"/> 
  </bean> 
  <!-- 开启注解事务 --> 
  <tx:annotation-driven transaction-manager="transactionManager"/> 
  <!-- Action的配置 ===========================--> 
  <!-- 首页访问的Action --> 
  <bean id="indexAction" class="cn.itcast.shop.index.action.IndexAction" scope="prototype"> 
  </bean> 
  <!-- 配置验证码Action --> 
  <bean id="checkImgAction" class="cn.itcast.shop.user.action.CheckImgAction" scope="prototype"> 
  </bean> 
  <!-- 用户模块的Action --> 
  <bean id="userAction" class="cn.itcast.shop.user.action.UserAction" scope="prototype"> 
    <!-- 注入Service --> 
    <property name="userService" ref="userService"/> 
  </bean> 
  <!-- Service的配置 ===========================--> 
  <bean id="userService" class="cn.itcast.shop.user.service.UserService"> 
    <property name="userDao" ref="userDao"/> 
  </bean> 
  <!-- Dao的配置 ===========================--> 
  <bean id="userDao" class="cn.itcast.shop.user.dao.UserDao"> 
    <property name="sessionFactory" ref="sessionFactory"/> 
  </bean> 
</beans> 
[html] view plain copy 在CODE上查看代码片派生到我的代码片
<?xml version="1.0" encoding="UTF-8" ?> 
<!DOCTYPE struts PUBLIC 
  "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" 
  "http://struts.apache.org/dtds/struts-2.3.dtd"> 
<struts> 
  <constant name="struts.devMode" value="false" /> 
  <constant name="struts.enable.DynamicMethodInvocation" value="true"/> 
  <package name="shop" extends="struts-default" namespace="/"> 
    <global-results> 
      <result name="msg">/WEB-INF/jsp/msg.jsp</result> 
    </global-results> 
    <!-- 配置首页访问的Action --> 
    <action name="index" class="indexAction"> 
      <result name="index">/WEB-INF/jsp/index.jsp</result> 
    </action> 
    <!-- 配置用户模块的Action --> 
    <action name="user_*" class="userAction" method="{1}"> 
      <result name="registPage">/WEB-INF/jsp/regist.jsp</result> 
      <result name="input">/WEB-INF/jsp/regist.jsp</result> 
      <result name="loginPage">/WEB-INF/jsp/login.jsp</result> 
      <result name="login">/WEB-INF/jsp/login.jsp</result> 
      <result name="loginSuccess" type="redirectAction">index</result> 
      <result name="quit" type="redirectAction">index</result> 
      <result name="checkcodeFail">/WEB-INF/jsp/regist.jsp</result> 
    </action> 
    <!-- 验证码Action --> 
    <action name="checkImg" class="checkImgAction"></action> 
  </package> 
</struts> 

以上所述是小编给大家介绍的使用AJAX完成用户名是否存在异步校验，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# ajax异步校验  # ajax  # 用户名异步校验  # ThinkPHP框架结合Ajax实现用户名校验功能示例  # ajax实现用户名校验的传统和jquery的$.post方式(实例讲解)  # ajax设置async校验用户名是否存在的实现方法  # jquery easyUI中ajax异步校验用户名  # SSH网上商城之使用ajax完成用户名是否存在异步校验  # Ajax校验用户名是否存在的方法  # 可以使用  # 连接池  # 验证码  # 首页  # 小编  # 到该  # 是否存在  # 在此  # 其他的  # 给大家  # 相关信息  # 管理器  # 所述  # 给我留言  # 感谢大家  # 疑问请  # 有任何  # 实体类  # getResponse  # Explorer 

相关文章： 微网站制作教程,我微信里的网站怎么才能复制到浏览器里？  简易网站制作视频教程,使用记事本编写一个简单的网页html文件？  济南网站建设制作公司,室内设计网站一般都有哪些功能？  高防服务器租用首荐平台，企业级优惠套餐快速部署  如何在香港服务器上快速搭建免备案网站？  小说建站VPS选用指南：性能对比、配置优化与建站方案解析  网站制作价目表怎么做,珍爱网婚介费用多少？  如何在Windows 2008云服务器安全搭建网站？  学校为何禁止电信移动建设网站？  创业网站制作流程,创业网站可靠吗？  微课制作网站有哪些,微课网怎么进？  建站之星安装需要哪些步骤及注意事项？  浅析上传头像示例及其注意事项  南京网站制作费用,南京远驱官方网站？  如何通过山东自助建站平台快速注册域名？  视频网站制作教程,怎么样制作优酷网的小视频？  天河区网站制作公司,广州天河区如何办理身份证？需要什么资料有预约的网站吗？  如何选择长沙网站建站模板？H5响应式与品牌定制哪个更优？  免费公司网站制作软件,如何申请免费主页空间做自己的网站？  长沙做网站要多少钱,长沙国安网络怎么样？  Android自定义listview布局实现上拉加载下拉刷新功能  国美网站制作流程,国美电器蒸汽鍋怎么用官方网站？  定制建站价位费用解析与套餐推荐全攻略  北京专业网站制作设计师招聘,北京白云观官方网站？  如何获取上海专业网站定制建站电话？  如何确认建站备案号应放置的具体位置？  开源网站制作软件,开源网站什么意思？  网站制作网站,深圳做网站哪家比较好？  高端云建站费用究竟需要多少预算？  阿里云网站制作公司,阿里云快速搭建网站好用吗？  活动邀请函制作网站有哪些,活动邀请函文案？  黑客入侵网站服务器的常见手法有哪些？  如何用花生壳三步快速搭建专属网站？  定制建站流程步骤详解：一站式方案设计与开发指南  保定网站制作方案定制,保定招聘的渠道有哪些？找工作的人一般都去哪里看招聘信息？  如何快速登录WAP自助建站平台？  商务网站制作工程师,从哪几个方面把握电子商务网站主页和页面的特色设计？  如何通过VPS建站无需域名直接访问？  建站之星图片链接生成指南：自助建站与智能设计教程  美食网站链接制作教程视频,哪个教做美食的网站比较专业点？  网站制作中优化长尾关键字挖掘的技巧,建一个视频网站需要多少钱？  如何在云主机上快速搭建多站点网站？  如何快速搭建支持数据库操作的智能建站平台？  网站制作多少钱一个,建一个论坛网站大约需要多少钱？  如何在阿里云购买域名并搭建网站？  子杰智能建站系统｜零代码开发与AI生成SEO优化指南  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界？  IOS倒计时设置UIButton标题title的抖动问题  如何在阿里云域名上完成建站全流程？  如何通过西部数码建站助手快速创建专业网站？