Ajax学习笔记-验证用户名是否可用
发布时间:2020-12-15 21:49:02 所属栏目:百科 来源:网络整理
导读:%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"htmlheadmetahttp-equiv="Content-Type"content="text/html;charset=UTF
<%@pagelanguage="java"contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"> <title></title> <scripttype="text/javascript"src="${pageContext.request.contextPath}/js/jquery-1.11.1.min.js"></script> <scripttype="text/javascript"> $(function(){ $(":input[name='username']").change(function(){ varval=$(this).val(); val=$.trim(val); if(val!=""){ varurl="${pageContext.request.contextPath}/validatUsername"; varargs={"username":val,"time":newDate()}; $.post(url,args,function(data){ $("#message").html(data); }); } }); }) </script> </head> <body> <!-- 1.导入JQuery库 2.获取name="username"的结点:username 3.1为username添加change响应函数。去除空格且不为空。准备发生Ajax请求。 3.2发送Ajax请求检验username是否可用 3.3在服务端返回一个html片段 3.4在客户端浏览器把其直接添加到#message的html中 --> <formaction=""method="post"> Username<inputtype="text"name="username"/><br/> <divid="message"></div><br/> <inputtype="submit"value="submit"/> </form> </body> </html> servlet protectedvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{ //TODOAuto-generatedmethodstub List<String>usernames=Arrays.asList("aaa","bbb","ccc"); Stringusername=request.getParameter("username"); Stringresult=null; if(usernames.contains(username)){ result="<fontcolor='red'>该用户名已经被使用</font>"; }else{ result="<fontcolor='red'>该用户名可以使用</font>"; } response.setContentType("text/html;charset=UTF-8"); response.setCharacterEncoding("UTF-8"); response.getWriter().print(result); } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |