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. python pip 'nonetype' object has no attribute 'bytes'

    python pip 'nonetype' object has no attribute 'bytes' 更新 pip for Windows : python -m pip install -U ...

  2. redis主从+哨兵 安装配置二

    实验环境: 192.168.2.201 centos7 master sentinel 192.168.2.202 centos7 slave   sentinel 192.168.2.203 cen ...

  3. struts2编写表单提交简单的（2）

    实体 package com.oak.entity; public class User {private int id;private String username;private String ...

  4. UVALive 6862——结论题&&水题

    题目 链接 题意:求满足$0 \leq x \leq y \leq z \leq m$且$x^j + y^j = z^j, \ j=2 \cdots n$的三元组的对数 分析 由费马大定理:整数$n ...

  5. 线段树（四）——两个标记（add和set）

    add无序,set有序.规定同时有两个标记时,表示先执行set再执行add. 1. 更新操作: int op,cl,cr,v; void update(int o, int L, int R) { , ...

  6. js替换文本内容。实例

    <script language="javascript"> var r= "1\n2\n3\n"; //将字母\n替换成分号 alert(r.re ...

  7. springboot2.0入门（一）----springboot 简介

    一.springboot解决了什么? 避免了繁杂的xml配置,框架自动帮我们完成了相关的配置,当我们需要进行相关插件集成的时候,只需要将相关的starter通过相关的maven依赖引进,并可以进行相关 ...

  8. Can't install '*' from pristine store, because no checksum is recorded for this file

    svn同步时,提示clean up,但clean up 时提示: Error:Error performing cleanup for 'E:\project\projectProjectIDEA\b ...

  9. Luogu P4168 [Violet]蒲公英 分块

    这道题算是好好写了.写了三种方法. 有一个好像是$qwq$$N\sqrt(N)$的方法,,但是恳请大佬们帮我看看为什么这么慢$qwq$(后面的第三种) 注:$pos[i]$表示$i$属于第$pos[i ...

  10. Sysinternals

    http://baike.baidu.com/link?url=LwEFVIcB4h8WaS6sVVH2toBJ0GZUA28yymm1sLsGpDrzF3G2BCZenlHwIsYZdVJZQExE ...