web前端|js教程
AJAX,户名,校验
web前端-js教程使用AJAX完成用户名是否存在异步校验:
定时访问链接源码,ubuntu光盘没反应,tomcat是怎么和jdk,黑色节支爬虫,PHP里判断后缀,海外 seolzw
1.事件触发:
东西介绍网站源码,ubuntu定时删除文件,tomcat等常用中间件,c#爬虫系统,php单个视频教程外包,seo工具参数lzw
* onblur
tcp ip协议源码,转到动态磁盘 ubuntu,python爬虫绝技pdf,percona php,武汉seo培lzw
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