1:register.jsp

<%@ 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>register.jsp</title>

<script type="text/javascript">

    var xhr;

    function checkUsername() {

        //获取标签

        var checkResult = document.getElementById("checkResult");

        checkResult.innerHTML = "<font color='red'>正在检测用户名...</font>";

        //获取用户输入的用户名

        var username = document.getElementById("username").value;

        //创建浏览器中可以发送异步请求的对象xhr,不同浏览器的创建方式不同

        if(window.ActiveXObject){//IE浏览器

            xhr = new ActiveXObject("Microsoft.XMLHttp");

        }else if(window.XMLHttpRequest){//不是IE浏览器

            xhr = new XMLHttpRequest();

        }

        //事件监听(一旦发现状态发生变化，就执行函数handleRequest，得到服务器响应完成页面局部刷新)

        xhr.onreadystatechange = handleRequest;

        /*用GET方式发送请求

        xhr.open("GET","UserServlet?f=1&username="+username,true);

        xhr.send(null);    */

        //POST发送请求//自己创建的UserServlet

        xhr.open("POST","UserServlet",true);

        //设置POST请求的头

        xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");

        //发送请求数据

        xhr.send("f=1&username="+username);

    }

    //得到服务器响应,完成页面局部刷新

    function handleRequest() {

        //获取标签

        var checkResult = document.getElementById("checkResult");

        if(xhr.readyState == 4){

            if(xhr.status == 200){

                checkResult.innerHTML = "<font color='red'>"+xhr.responseText+"</font>";

            }else{

                alert("有错"+xhr.status+":"+xhr.statusText);

            }

        }

    }

</script>

</head>

<body>

    <form action="/ajax_1/UserServlet?f=1" method="post">

        用户名:<input type="text" id="username" name="username" onblur="checkUsername();"><label id="checkResult"></label><br>

        <input type="password" id="password" name="password"><br>

        <input type="submit" value="注册">

    </form>

</body>

</html>

2:UserServlet.java

package servlet;

import java.io.IOException;

import java.io.PrintWriter;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

public class UserServlet extends HttpServlet {

    private static final long serialVersionUID = 1L;

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        this.doPost(request, response);

    }

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        //处理响应中文乱码

        response.setContentType("text/html;charset=UTF-8");

        Integer f = Integer.parseInt(request.getParameter("f"));

        switch (f) {

        case 1:

            this.checkUsername(request, response);

            break;

        case 2:

            this.register(request, response);

            break;

        }

    }

    //检测用户名是否重复

    protected void checkUsername(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        PrintWriter out = response.getWriter();

        //获取从前台页面传来的username

        String username = request.getParameter("username");

        //简化处理逻辑（本应该去数据库查询）

        if("zhangsan".equals(username)){

            out.print("用户名"+username+"已经有人注册，请选择一个新的用户名");

        }else{

            out.print("恭喜您"+username+"可以使用");

        }

        out.close();

    }

    //用户注册

    protected void register(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

            PrintWriter out =response.getWriter();

            String username = request.getParameter("username");

            //简化处理逻辑（本应该去数据库添加）

            if("zhangsan".equals(username)){

                out.print("用户名"+username+"已经有人注册，请选择一个新的用户名");

            }else{

                //数据库添加...

                out.print("恭喜您"+username+"注册成功");

            }

            out.close();

    }

}

3：web.xml

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" version="2.5">

  <servlet>

    <servlet-name>UserServlet</servlet-name>

    <servlet-class>servlet.UserServlet</servlet-class>

  </servlet>

  <servlet-mapping>

    <servlet-name>UserServlet</servlet-name>

    <url-pattern>/UserServlet</url-pattern>

  </servlet-mapping>

</web-app>

--------------------------------------------------------------------------------------------------------------------------------

ajax基础------备忘的更多相关文章

  1. UITextView -- 基础备忘

    UITextView 这篇文章只涉及到基本的使用,日后会写一些关于结合TextKit的备忘 基本属性 let screenSize = UIScreen.mainScreen().bounds.siz ...

  2. jquery中的ajax方法(备忘)

    参考:https://www.cnblogs.com/tylerdonet/p/3520862.html w3school:http://www.w3school.com.cn/jquery/ajax ...

  3. scala基础备忘

    声明一个变量 声明一个常量 显式指定类型 定义一个main函数 package org.admln.scala class HelloScala { } object HelloScala { def ...

  4. Java Socket基础[备忘]

    1.服务端----Server.java import javax.swing.*; import java.io.*; import java.net.*; import java.awt.*; i ...

  5. javaweb基础备忘

    Request对象的主要方法有哪些 setAttribute(String name,Object):设置名字为name的request 的参数值 getAttribute(String name): ...

  6. Linux基础之常用基本命令备忘

    Linux基础之常用基本命令备忘 PWD   查询当前所在Linux上的位置 /         根目录 CD(change directory)切换目录  语法 CD /(注意添加空格)   LS ...

  7. AngularJS之备忘与诀窍

    译自:<angularjs> 备忘与诀窍 目前为止,之前的章节已经覆盖了Angular所有功能结构中的大多数,包括指令,服务,控制器,资源以及其它内容.但是我们知道有时候仅仅阅读是不够的. ...

  8. Javascript备忘模式

    使用备忘模式,利用了函数的自定义属性,先看一个例子 var test = function (){} test.myAttr = "attr"; 这样,就给test加上了一个自定义 ...

  9. Nmap备忘单：从探索到漏洞利用（Part 4）

    这是我们的Nmap备忘单的第四部分(Part 1. Part 2. Part 3).本文中我们将讨论更多东西关于扫描防火墙,IDS / IPS 逃逸,Web服务器渗透测试等.在此之前,我们应该了解一下 ...

随机推荐

  1. iTerm2快速SSH连接并保存密码

    背景 Mac自带terminal,以及比较好用的iTerm2命令行工具,都缺乏一个功能,就是远程SSH连接,无法保存密码.一种方法是将本机的ssh_key放到远程服务器中实现无密码登录.这种方法在很多 ...

  2. 如何给mysql数据库添加一个用户

    首先以root身份登录到MySQL服务器中. $ mysql -u root -p 当验证提示出现的时候,输入MySQL的root帐号的密码. 创建一个MySQL用户 使用如下命令创建一个用户名和密码 ...

  3. 【CEOI1999】Sightseeing trip

    Description https://loj.ac/problem/10072 Solution 现在我连普及组题都不会了?(bushi) 懒得讲了,看这吧.

  4. log4j2 日志打两遍的问题

    在使用log4j2的时候,一般都需要不同的日志分类打印不同的日志等级,如下面的配置 <!-- 用于指定log4j自动重新配置的监测间隔时间,单位是秒 --> <configurati ...

  5. 2018多校第十场 HDU 6430 （线段树合并）

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=6430 题意:一棵树上每个节点权值为v[i],每个节点的heard值是:以它为LCA的两个节点的GCD的 ...

  6. oracle impdp 覆盖导入 table_exists_action关键字使用

    oracle10g之后impdp的table_exists_action参数table_exists_action选项:{skip 是如果已存在表,则跳过并处理下一个对象:append是为表增加数据: ...

  7. vue-cli使用less

    vue-cli中使用less package.json 中添加 less,less-loader 之后不需要进行其他配置 在vue-cli构建的项目中 utils.js 已经帮我们引入了各种css编辑 ...

  8. Acwing-287-积蓄程度(树上DP, 换根)

    链接: https://www.acwing.com/problem/content/289/ 题意: 有一个树形的水系,由 N-1 条河道和 N 个交叉点组成. 我们可以把交叉点看作树中的节点,编号 ...

  9. Java SE练习 - 对dom4j解析、反射的综合练习

    原 Java SE练习 - 对dom4j解析.反射的综合练习 2017年12月13日 14:41:07 都说名字长不会被发现 阅读数 138 版权声明:本文为博主原创文章,遵循CC 4.0 by-sa ...

  10. UOJ社区版安装多个Judger

    目录 声明 在同一台机器上安装 在不同机子上安装 声明 本文档非官方文档,为我试坑的经验总结. 本文编写时间 2019.11.04 ,并不一定会随UOJ更新而更新. 由于UOJ需要用SVN传题,并不那 ...