• ajax简单校验用户名是否存在


    1:注册表单
    <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>get方式请求数据,不要传参数</title> </head> <body> <input type="text" name="username" id="username" onblur="textAjax()"> <span id="mydiv" ></span> <input type="password" name="password"> <input type="button" value="测试是否可以注册" onclick="textAjax()"> <script type="text/javascript"> function textAjax() { //获取xmlHttpRequest对象(ajax引擎) var xmlhttprequest; if (window.XMLHttpRequest) { xmlhttprequest=new XMLHttpRequest(); //code for IE7+, Firefox, Chrome, Opera, Safari } else{ xmlhttprequest=new ActiveXObject("Microsoft.XMLHTTP"); //code for IE6, IE5 } //alert(xmlhttprequest);//说明获取对象成功 //与服务器建立连接,默认是true,异步,可以不写 xmlhttprequest.open("POST","${pageContext.request.contextPath}/sevletDemo2?time="+new Date().getTime(),true); //向服务器发送请求数据,没有为null,传递数据是post请求的 如username=jack&password=123 //post提交时候,如果不是表单要加请求头,,因为servlet要request.getParams(),如果是表单就不要默认ectype就是 //在send()前加context-type xmlhttprequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); var username=document.getElementById("username").value; xmlhttprequest.send("username="+username); xmlhttprequest.onreadystatechange=function(){ //alert(xmlhttprequest.readyState);4表示成功 //alert(xmlhttprequest.status);200表示成功 if(xmlhttprequest.readyState==4){ if(xmlhttprequest.status==200){ var mydiv=document.getElementById("mydiv"); mydiv.innerHTML=xmlhttprequest.responseText; } } } } </script> </body> </html>

    2:请求的 servlet对客户端提交的数据进行校验

    public class sevletDemo2 extends HttpServlet {
        private static final long serialVersionUID = 1L;
    
        protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
            // TODO Auto-generated method stub
        }
    
    
        protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        
            response.setContentType("text/html;charset=UTF-8");
            String username=request.getParameter("username");
            PrintWriter writer=response.getWriter();
            System.out.println(username);
            if("jack".equals(username))
            {
                writer.write("用户名已存在");
            }
            else {
                
                writer.write("可以注册");
            }
        }
  • 相关阅读:
    面试官问我:三次握手与四次挥手是怎么完成的?我竟然只回答出一半...
    狡猾的 AI 工程师,编个故事都能骗 2 亿人民币
    拒绝遗忘:高效的动态规划算法
    推荐几个优质 IT 公众号
    刚爆火就下线的 ZAO 换脸,背后是另一场技术人的狂欢
    面试前复习!关于 CPU 的一些基本知识总结
    面试官:为什么 MySQL 的索引要使用 B+ 树,而不是其它树?比如 B 树?
    为什么程序猿 996 会猝死,而企业家 007 却不会?
    图解 LeetCode 难题:「和至少为 K 的最短子数组」
    从外由内剖析一道腾讯面试算法题
  • 原文地址:https://www.cnblogs.com/linhong/p/4489096.html
Copyright © 2020-2023  润新知