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. 洛谷P1462 通往奥格瑞玛的道路(SPFA+二分答案)

    题目背景 在艾泽拉斯大陆上有一位名叫歪嘴哦的神奇术士,他是部落的中坚力量 有一天他醒来后发现自己居然到了联盟的主城暴风城 在被众多联盟的士兵攻击后,他决定逃回自己的家乡奥格瑞玛 题目描述 在艾泽拉斯, ...

  2. P4390 [BOI2007]Mokia 摩基亚 (CDQ解决三维偏序问题)

    题目描述 摩尔瓦多的移动电话公司摩基亚(Mokia)设计出了一种新的用户定位系统.和其他的定位系统一样,它能够迅速回答任何形如"用户C的位置在哪?"的问题,精确到毫米.但其真正高科 ...

  3. SQL查询CASE遇上NULL怎么办？

    原SQL: case userName when  null THEN '空' else '有值' end, 这种写法不好使: 换一种:case when userName is null THEN ...

  4. JDBC上

    JDBC实战--打通数据库 代码实现: package com.imooc.db; import java.sql.Connection; import java.sql.DriverManager; ...

  5. 信息: JSF1048：有 PostConstruct/PreDestroy 注释。标有这些注释的 ManagedBeans 方法将表示注释已处理。

    在Myeclipse运行项目时,控制台会输出如下信息,但是项目正常运行,没有异常,还不知道怎么解决 信息: JSF1048:有 PostConstruct/PreDestroy 注释.标有这些注释的 ...

  6. 通过LVM备份mysql数据库脚本

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

  7. 牛客练习赛3 F - 监视任务——贪心&&树状数组

    题目 链接 $Reki$ 在课余会接受一些民间的鹰眼类委托,即远距离的狙击监视防卫..$Reki$ 一共接收到$m$份委托,这些委托与 $n$ 个直线排布的监视点相关.第 $i$ 份委托的内容为:对于 ...

  8. php上传大文件的解决方案

    1.使用PHP的创始人 Rasmus Lerdorf 写的APC扩展模块来实现(http://pecl.php.net/package/apc) APC实现方法: 安装APC,参照官方文档安装,可以使 ...

  9. 【原创】洛谷 LUOGU P3372 【模板】线段树1

    P3372 [模板]线段树 1 题目描述 如题,已知一个数列,你需要进行下面两种操作: 1.将某区间每一个数加上x 2.求出某区间每一个数的和 输入输出格式 输入格式: 第一行包含两个整数N.M,分别 ...

  10. 洛谷P2634 [国家集训队]聪聪可可 点分治模板

    题意 在一棵树上任意选两个点,求它们距离模3为0的概率. 分析 树分治模板 Code #include<bits/stdc++.h> #define fi first #define se ...