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. 循环遍历 文件夹 生成makefile

    在处理 openssl的makefile的source code问题,由于不支持makefile中添加整个文件夹,需要每个 .c 文件都要一个一个添加,所以做一个简单的脚本: #! /bin/bash ...

  2. python之命令行可以做的事儿

    前言 说起python,大家都知道可以做很多有趣的事儿.知乎.CSDN上很多大牛做过很多或高大上或实用的事儿.参见这篇文章Python趣味代码整合之提升学生编程兴趣, 另外,我发现命令行也可以做很多事 ...

  3. Kinect for windows的脸部识别

    需要引入的dll: 需要将下面两个dll复制到当前路径 Kinect for windows提供了脸部识别的功能,可以识出人脸.主要是通过FaceTrackFrame类的GetTriangles()来 ...

  4. hg如何回退到某个版本

    hg 如何回退 hg ... ? ? ?

  5. 定时备份etc目录

    #!/bin/bash # #******************************************************************** #encoding -*-utf ...

  6. myeclipse 关闭jsp悬浮提示

    myeclipse越来越智能,身为码农的我却越来越伤心.虽然你很智能,但请你提供一些有用的信息给我,不要乱七八槽的,不问青红皂白就塞一大堆提示给我,对不起,哥不需要这些!!! 都知道,使用myecli ...

  7. springboot项目下载文件功能中-切面-导致的下载文件失败的bug

    背景:使用spring提供的 ResponseEntity 和Resource结合,实现的下载文件功能 bug:Resource已经加载到了文件, 并且通过 ResponseEntity 构建了响应, ...

  8. 2018多校第九场 HDU 6416 （DP+前缀和优化）

    转自:https://blog.csdn.net/CatDsy/article/details/81876341 #include <bits/stdc++.h> using namesp ...

  9. RecursiveTask和RecursiveAction的使用 以及java 8 并行流和顺序流（转）

    什么是Fork/Join框架        Fork/Join框架是Java7提供了的一个用于并行执行任务的框架, 是一个把大任务分割成若干个小任务,最终汇总每个小任务结果后得到大任务结果的框架. 我 ...

  10. Java 注解(Annotations) 详解

    注解是元数据 注解是一种装饰器.一个标记(maker),应用于Java的各种结构之上,例如类.方法.字段.用来为这些结构绑定元数据.注解不包含任何业务逻辑. 只由运行时框架或编译器根据注解信息去执行具 ...