文章标题 旧城等待， 2022-06-09 02:49 288阅读 0赞 ## **用AJAX简单实现注册页面的用户名检测** ## **js代码：** <script> // **原生的方式使用AJAX** // function getXMLHttpRequest(){ // if(window.XMLHttpRequest){ // return new XMLHttpRequest(); // } // } // var xhr; // function inputLogin(text){ // xhr = getXMLHttpRequest(); // var loginId = text.value; // xhr.onreadystatechange = rFunction; // xhr.open("GET", "admin?loginId="+loginId, true); // xhr.send(null); // } // function rFunction(){ // var s = document.getElementById("s"); // if(xhr.readyState == 4){ // if(xhr.status == 200){ // var data = xhr.responseText; // if(data == "yes"){ // s.innerHTML = "可以注册"; // s.style.color = "green"; // }else{ // s.innerHTML = "已注册"; // s.style.color = "red"; // } // } // } // } // **使用jQuery实现AJAX** function inputLogin(text){ var loginId = $("#loginId").val(); var s = $("#s"); // **使用JQuery的一般写法** // $.ajax({ // type:"POST", // url:"admin", // data:"loginId="+loginId, // dataType:"text", // success:function(msg){ // if(msg == "yes"){ // s.css("color", "green").html("可以注册.."); // }else if(msg == "no"){ // s.css("color", "red").html("已经注册.."); // }else{ // s.html("请写用户名"); // } // } // }); // **使用jQuery的简洁写法** $.post( "admin", {loginId:loginId}, function(msg){ if(msg == "yes"){ s.css("color", "green").html("可以注册.."); }else if(msg == "no"){ s.css("color", "red").html("已经注册.."); }else{ s.html("请写用户名"); } }, "text" ) } </script> **html代码：** <body> <a href="StudentServlet">学员列表</a> <form action="test" method="post"> 用户名：<input type="text" id="loginId" name="loginId" onblur="inputLogin(this)"><span id="s"></span><br> 密码：<input type="password" name="loginPwd"> <button type="submit">submit</button> </form> </body> **servlet代码：** @WebServlet("/admin") public class AdminServlet extends HttpServlet{ @Override public void service(ServletRequest req, ServletResponse res) throws ServletException, IOException { String loginId = req.getParameter("loginId"); //System.out.println("id"+loginId); if(loginId!=null && !loginId.equals("")){ if(new AdminService().getAdminById(loginId)!=null){ res.getWriter().write("no"); }else{ res.getWriter().write("yes"); } } } }
相关 文章标题 \[数据库\]关于 Oracle 11g r2 Enterprise Manager (EM) 在windows环境无法启动的解决办法 在环境变量中添加以下三个变量： O 梦里梦外;/ 2022年07月21日 00:04/ 0 赞/ 32 阅读
相关 文章标题 应用层open,write,read根据打开文件的属性找到对应的硬件或者存储设备驱动。 驱动框架 一、LED驱动框架 （1）、写出len\_open,len\_re ╰+哭是因爲堅強的太久メ/ 2022年07月14日 20:29/ 0 赞/ 27 阅读
相关 文章标题 > 原文： [ASM file number 7][] > 作者： Bane Radulovic > 译者：郭旭瑞，沃趣科技产品交付部经理，负责QData Cloud高 柔光的暖阳◎/ 2022年07月12日 11:26/ 0 赞/ 48 阅读
相关 文章标题 CSDN MarkDown语法写博客 二级标题 介绍内容 分隔线：空行，再加上三个横杠— 三级标题 无序列表项一 (横杠 加空格) 无序列表项一 不念不忘少年蓝@/ 2022年06月15日 09:23/ 0 赞/ 224 阅读
相关 文章标题 html部分 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> 小咪咪/ 2022年06月09日 13:39/ 0 赞/ 75 阅读
相关 文章标题 售票厅 【问题描述】 售票厅出售关于音乐会的票，取代原来的卖一张票的形式，而是一组座号连续的票。售票室已经收到很多预订。每个预订包含指定最小座号的一组连续的票。 售 ╰半夏微凉°/ 2022年06月09日 03:49/ 0 赞/ 258 阅读
相关 文章标题 用AJAX简单实现注册页面的用户名检测 js代码： <script> // 原生的方式使用AJAX // function getXMLHttpRequest( 旧城等待，/ 2022年06月09日 02:49/ 0 赞/ 289 阅读
相关 文章标题 状态模式 状态模式定义：当一个对象的内在状态改变时允许改变其行为，这个对象看起来像是改变了其类。 状态模式主要解决的问题是：当控制一个对象状态转换的条件表达式过于复杂时的情 末蓝、/ 2022年06月05日 07:59/ 0 赞/ 294 阅读
相关 文章标题 apache端口被异常占用导致无法启动的解决方法 最近遇到LNMPA一键安装包的Apache无法启动的问题，Apache提示以下信息： (98)Address alre 红太狼/ 2022年06月03日 01:54/ 0 赞/ 276 阅读
相关 文章标题 coding:utf-8 author = “xshengjing” from Tkinter import \ class App: def init(se Myth丶恋晨/ 2021年09月13日 22:56/ 0 赞/ 381 阅读
梦里梦外;
╰+哭是因爲堅強的太久メ
不念不忘少年蓝@
红太狼
Myth丶恋晨
还没有评论，来说两句吧...