范文健康探索娱乐情感热点
投稿投诉
热点动态
科技财经
情感日志
励志美文
娱乐时尚
游戏搞笑
探索旅游
历史星座
健康养生
美丽育儿
范文作文
教案论文
国学影视

JavaWeb22案例

  #头条创作挑战赛#12.3 案例
  需求:在完成用户注册时,当用户名输入框失去焦点时,校验用户名是否在数据库已存在
  12.3.1 分析前端完成的逻辑 给用户名输入框绑定光标失去焦点事件 onblur 发送 ajax请求,携带username参数 处理响应:是否显示提示信息 后端完成的逻辑 接收用户名 调用service查询User。此案例是为了演示前后端异步交互,所以此处不做业务逻辑处理,直接将返回结果定为 true 返回标记
  整体流程如下:
  12.3.2 后端实现 package web.servlet;  /**   * @Author 晨默   * @Date 2022/9/12 22:51   */    import javax.servlet.*;  import javax.servlet.http.*;  import javax.servlet.annotation.*;  import java.io.IOException;    @WebServlet(name = "SelectUserServlet", value = "/SelectUserServlet")  public class SelectUserServlet extends HttpServlet {      @Override      protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {          // 1. 接受用户名          String username = request.getParameter("username");          // 2. 调用service查询user对象,直接给flag赋值为true,表明用户名占用          boolean flag = true;          // 3. 响应标记          response.getWriter().write(""+flag);      }        @Override      protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {          this.doGet(request, response);      }  }12.3.3 前端实现
  在 register.html 页面的 body 结束标签前编写 script 标签,在该标签中实现如下逻辑 1. 第一步:给用户名输入框绑定光标失去焦点事件onblur // 1. 给用户输入框绑定 失去焦点事件  document.getElementById("username").onblur = function(){        }2. 第二步:发送ajax**请求,携带username参数**
  在 第一步 绑定的匿名函数中书写发送 ajax 请求的代码          // 2.1 创建核心对象          let xhttp;          if(window.XMLHttpRequest){              xhttp = new XMLHttpRequest();          }else{              xhttp = new ActiveXObject("Microsoft.XMLHTTP");          }            // 2.2 发送请求          xhttp.open("GET","http://localhost:5050/AjaxDemo_war/SelectUserServlet?username="+username);          xhttp.send();            // 2.3 获取响应          xhttp.onreadystatechange = function(){              if(this.readyState === 4 && this.status === 200){                                }          }
  由于发送的是 GET 请求,所以需要在 URL 后拼接从输入框获取的用户名数据。而在 第一步 绑定的匿名函数中通过以下代码可以获取用户名数据  // 获取用户名的值  var username = this.value; // this:给谁绑定的事件,this就代表谁
  而携带数据需要将 URL 修改为:  xhttp.open("GET", "http://localhost:8080/ajax-demo/selectUserServlet?username="+username);3. 第三步:处理响应:是否显示提示信息
  当 this.readyState == 4 && this.status == 200 条件满足时,说明已经成功响应数据了。
  此时需要判断响应的数据是否是 "true" 字符串,如果是说明用户名已经占用给出错误提示;如果不是说明用户名未被占用清除错误提示。代码如下  // 判断                  if(this.responseText === "true"){                      // 用户名存在,显示提示信息                      document.getElementById("username_err").style.display = "";                  }else{                      // 用户名不存在,清除提示信息                      document.getElementById("username_err").style.display = "none";                  }
  综上所述,所有代码为:                  欢迎注册                              

欢迎注册

已有帐号? 登录   效果如下:

周王朝第一辅助,孔子都是他的忠实粉丝为什么孔圣人会成为他的小迷弟?中国的历史发展悠久,封建王朝也一直绵延了数千年。诞生的真正的伟人,其实并不多,而孔子,却被称为文圣。孔子创立了儒家学派,儒家思想在封建王朝时代,长期占河南嵩山龙门就裁判问题提起申诉,黑哨面前中国足球没有受益者申诉也没用!但是申诉是一个态度!在这场不正常的吹罚中,无论是河南还是成都,都没有从中获益。以两队的实力,成都与河南,谁胜谁负,都是正常。河南球迷之所以对此大为不满,一位球迷的话可以百科全书地名由来5简介同学们好,欢迎来到百科全书。今天我们要讲的是地名由来。中南海是北京的一个地名,也是著名的风景区。自从新中国成立以后,这里就成为了党中央和国务院所在地,因此,中南海也就成为了国家政权他是在位和享年最长的帝王之一,后妃宫女竟然达到18000名汉武帝刘彻生于公元前156年,母王氏,汉景帝中子。西汉第七位皇帝。年四岁立为胶东王。七岁为皇太子,母为皇后。十六岁即位。其母王氏在怀孕时,汉景帝尚为太子。王氏梦见太阳进入她的怀中,超宽带UWB无线定位技术,飞睿智能厘米级测距定位,室内定位应用超宽带UWB技术从各个行业的不同应用领域已逐步走进消费者市场,并主要瞄准智能终端和电子应用。典型用例包括无钥匙进入精准定位和安全支付。这要求设备能够根据距离移动方向以及与其他设备的马鹿跃入自来水厂游隼受伤落入厂区奉贤警方接连救助保护动物新民晚报讯(记者李一能通讯员毕迎春)马鹿跃入自来水厂恣意奔跑小鸟受伤掉入厂区无法飞起民警接到求助后妥善处置,原来两只动物均是珍稀保护动物。奉贤警方供图(下同)2022年12月3日下普京真的会发动核打击吗?普京称核战争风险正在上升由于前几日乌克兰一改之前的作战方案,新增了无人机突袭俄罗斯本土的打法,所以才有了普京最新的表态!乌克兰分多批次无人机空袭,导致俄罗斯本土至少有3个军用机场受2022年江苏省安全员A证试题及模拟考试题库来源安全生产模拟考试一点通公众号小程序2022年江苏省安全员A证理论题库为江苏省安全员A证培训试题上机考试练习题!2022年江苏省安全员A证试题及模拟考试依据江苏省安全员A证新湖南铁道职院推动党的二十大精神入脑入心走深走实湖南铁道职业技术学院召开会议学习宣传贯彻党的二十大精神。红网时刻新闻12月7日讯(记者潘锦通讯员徐敏刘澎钰)近日,湖南铁道职业技术学院召开会议学习宣传贯彻党的二十大精神,学校党委书清物十志文人之物的世界读书者说关于传统文人,在我们的想象中总会有一种闲雅自然的印象。当下的人们对于传统文人生活充满了好奇与艳羡,并希望能够从中汲取生活的智慧。而在这个充满韵味的文人生活中,各种被文人精心比武亮剑,江苏省退役军人事务系统岗位练兵比武决赛在南京举行现代快报讯(记者卢河燕)12月7日下午,2022年度江苏省退役军人事务系统岗位练兵比武决赛在南京举办。现代快报记者了解到,经过激烈角逐,镇江市退役军人事务局在决赛获得团体一等奖,苏
两性交往,女人心中是否真的有你,这几点可以看出来前言在两性交往的过程当中,有很多事情真的不是那么简单,看起来很简单的事情,实际上充满着各种复杂的心理,有些事情,我们必须站在正确的角度去考虑只有这样才能够让自己的日子过得美好,不然阿里高层再度迎变动,财务出身的张勇,亲自带队阿里云?或许连马云也不曾想到,曾在中国互联网行业不可一世的阿里巴巴,如今却面临诸多困境!春公子之前就说过,自打马云从阿里退休之后,阿里巴巴这几年的整体发展态势是很疲软的。阿里巴巴这家公司有C罗悼念贝利有关他的记忆将永远存在于每个热爱足球的人心中直播吧12月30日讯球王贝利去世,享年82岁。C罗发ins进行悼念。C罗写道我向全巴西特别是贝利的家人表示最深切的哀悼。只对永远的球王贝利说一声再见,远不能够表达出此时笼罩在整个足主机厂价格卷至冰点,风电下半场拼的是什么?数智前瞻全球技术图谱文包校千编辑石亚琼封面来源视觉中国01。中国风电发展概况纵观人类社会发展的历史,每一次新型能源的开发都使人类经济的发展产生质的飞跃。作为经济社会发展的关键要素和重要支撑,能源是国民个人征信巨变线上信贷链路重塑进行时文本报记者李晖回顾2022年线上贷款市场,两大监管政策对行业的影响可谓深远关于加强商业银行互联网贷款业务管理提升金融服务质效的通知(银保监规202214号)与征信业务管理办法(以下大功率散热更快,OPPO18W冰点散热背夹促销中在早些时候,OPPO发布了一款高功率的散热背夹,达到了18W的水准,这也让这款背夹的散热效率得到了巨大的提升,能实现超越一般散热背夹的效果,让手机持续保持冷静,从而更好地发挥核心配重生记告别老破小,署前路老街坊有了新家!道路狭窄,杂乱无章,苍蝇蚊子漫天飞,无序的自建民房群中还挤着一个水果市场,原本就缺乏规划的老城区显得更加脏乱而嘈杂。这是福建省宁德市蕉城区署前路棚户区以前的写照,堪称是宁德老城区的12月27星期二最新早上好图片带字高清新的一天愿我们前路一片光明1世事沧桑,不过斗转星移,繁花落尽,拾起烟火笑意。余生很长,太阳下山,还有月光峰回路转,来日方长。乐观做事,善良待人。愿我们前路一片光明!早安!2心若放宽,时时都是晴天。人生不一定iPhone车祸检测占用大量救援资源,前路漫漫据IT之家消息,自苹果新品推出车祸检测功能以来,美国各地911和紧急调度员收到了大量误报。其中,科罗拉多州萨米特县上周末在4个滑雪场中,处理了71起滑雪者意外触发车祸检测功能的误报基金发行热度降至冰点!如何运用概率思维指导投资?近日,基金发行热度降至冰点。新基金募集期限大幅拉长的同时,权益类基金平均发行份额创下去年以来新低。前几天和朋友聊天的时候聊到健康管理,还在开玩笑以前年轻的时候哪会去听大人的说教啊,值不值顶薪?太阳续约艾顿后,怎么解决心不齐的问题?对手就是对我采取了不同的防守策略,今天一整场,我的身边都随时围绕着23个人。在北京时间12月31日,太阳队以104113输给猛龙队后,艾顿在赛后采访中表达了自己的困惑,这场比赛,艾