文档章节

1.小实例:注册用户名是否存在。

F
 Favour
发布于 2016/08/11 17:27
字数 572
阅读 6
收藏 0
点赞 0
评论 0
<%@ 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>Insert title here</title>
<script type="text/javascript">
	function checkUserName(){
		var userName=document.getElementById("userName").value;
		var xmlHttp;
		if(window.XMLHttpRequest){
			xmlHttp=new XMLHttpRequest();
		}else{
			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
		xmlHttp.onreadystatechange=function(){
			if(xmlHttp.readyState==4 && xmlHttp.status==200){
				alert(xmlHttp.responseText);
				var dataObj=eval("("+xmlHttp.responseText+")");
				if(dataObj.exist){
					document.getElementById("tip").innerHTML="<img src='no.png'/>&nbsp;该用户名已经存在";
				}else{
					document.getElementById("tip").innerHTML="<img src='ok.png'/>&nbsp;该用户名可用";
				}
			}
		};
		xmlHttp.open("get", "GetAjaxInfoServlet?action=checkUserName&userName="+userName, true);
		
	    xmlHttp.send();
	}
</script>
</head>
<body>
<table>
	<tr>
		<th>用户注册</th>
	</tr>
	<tr>
		<td>用户名:</td>
		<td><input type="text" id="userName" name="userName" onblur="checkUserName()"/>&nbsp;&nbsp;<font id="tip"></font></td>
	</tr>
	<tr>
		<td>密码:</td>
		<td><input type="text" id="password" name="password"/></td>
	</tr>
	<tr>
		<td>确认密码:</td>
		<td><input type="text" id="password2" name="password2"/></td>
	</tr>
	<tr>
		<td><input type="submit" value="注册"/></td>
		<td><input type="button" value="重置"/></td>
	</tr>
</table>
</body>
</html>

 

package web;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import net.sf.json.JSONArray;
import net.sf.json.JSONObject;

public class GetAjaxInfoServlet extends HttpServlet{

	/**
	 * 
	 */
	private static final long serialVersionUID = 1L;

	@Override
	protected void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		this.doPost(request, response);
	}

	@Override
	protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		response.setContentType("text/html;charset=utf-8");
		String action=request.getParameter("action");
		if("checkUserName".equals(action)){
			this.checkUserName(request, response);
		}else if("ejld".equals(action)){
			this.ejld(request, response);
		}
		
	}

	
	private void checkUserName(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		PrintWriter out=response.getWriter();
		String userName=request.getParameter("userName");
		JSONObject resultJson=new JSONObject();
		if("jack".equals(userName)){
			resultJson.put("exist", true);
		}else{
			resultJson.put("exist", false);
		}
		out.println(resultJson);
		out.flush();
		out.close();
	}
	
	private void ejld(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		PrintWriter out=response.getWriter();
		String shengId=request.getParameter("shengId");
		JSONObject resultJson=new JSONObject();
		JSONArray jsonArray=new JSONArray();
		JSONObject temp=null;
		switch(Integer.parseInt(shengId)){
			case 1:{
				temp=new JSONObject();temp.put("id", 1);temp.put("text", "南京");jsonArray.add(temp);
				temp=new JSONObject();temp.put("id", 2);temp.put("text", "南通");jsonArray.add(temp);
				temp=new JSONObject();temp.put("id", 3);temp.put("text", "泰兴");jsonArray.add(temp);
				break;
			}
			case 2:{
				temp=new JSONObject();temp.put("id", 4);temp.put("text", "济南");jsonArray.add(temp);
				temp=new JSONObject();temp.put("id", 5);temp.put("text", "烟台");jsonArray.add(temp);
				temp=new JSONObject();temp.put("id", 6);temp.put("text", "蓬莱");jsonArray.add(temp);
				break;
			}
			case 3:{
				temp=new JSONObject();temp.put("id", 7);temp.put("text", "杭州");jsonArray.add(temp);
				temp=new JSONObject();temp.put("id", 8);temp.put("text", "宁波");jsonArray.add(temp);
				temp=new JSONObject();temp.put("id", 9);temp.put("text", "温州");jsonArray.add(temp);
				break;
			}
		}
		resultJson.put("rows", jsonArray);
		out.println(resultJson);
		out.flush();
		out.close();
	}
	
}

 

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 
	xmlns="http://java.sun.com/xml/ns/javaee" 
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
	http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
  <servlet>
    <description>This is the description of my J2EE component</description>
    <display-name>This is the display name of my J2EE component</display-name>
    <servlet-name>GetAjaxInfoServlet</servlet-name>
    <servlet-class>web.GetAjaxInfoServlet</servlet-class>
  </servlet>

  <servlet-mapping>
    <servlet-name>GetAjaxInfoServlet</servlet-name>
    <url-pattern>/GetAjaxInfoServlet</url-pattern>
  </servlet-mapping>
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
</web-app>

 

© 著作权归作者所有

共有 人打赏支持
F
粉丝 4
博文 186
码字总数 96673
作品 0
成都
程序员
vue-cli——vue-resource登录注册实例

前言 使用vue-resource请求接口非常方便,在使用前需安装vue-resource依赖并在入口文件main.js中声明。 附github地址 实例功能简述 本实例只有简单的两个模块:登录和注册,主要演示如何用v...

Reachel
2017/05/08
0
0
如何设计一款APP的注册模块

一、注册模块需要考虑的因素   通常注册模块需要考虑的因素有如下几条: 注册使用的帐号 注册密码 注册验证码 注册按钮 注册使用账号一般有: 手机号注册 邮箱注册 用户名注册 手机号+用户...

Stefen123
2017/12/09
0
0
手机/email/会员名 注册和验证 求一个小思路

我注册的流程是, 1:先判断用户输入的是哪种类型,如果是手机号,那么下一个界面是手机注册短信码 如果是用户名,那么下一个界面是用户密码输入框 登陆的流程是,(这里我注册登录是一个按钮...

kacc850
2016/08/04
79
3
“每天半小时了解安全测试”之身份管理测试

身份管理测试包含:测试角色定义、测试用户注册过程、测试账号配置过程、测试账号类型和用户账号可猜测性、测试弱账户名。 一、测试角色定义 概述:系统中通常都会定义多个系统角色,用来管理...

增艺
04/09
0
0
Extjs 和 SpringMVC 结合后,Extjs的Ajax回调函数无响应

这个是本菜鸟自己遇到在难题,用了半天才解决,所以来分享一下。 目的是实现SpringMVC 和 ExtJs 能够通过Ajax 结合起来,也就是在Ext页面实现动态刷新。 主要是用来解决Ext的Ajax回调函数无响...

倾萍迷允
2012/04/23
0
0
ajax引用检测用户名是否存在

1.实例功能: 当用户输入用户名,文本框失去焦点后,通过异步调用来判断该用户名是否已经存在。若存在,则在上图中红框处显示提示。当用户名可用时,提交按钮变为可用状态。 1.实例功能: 当...

codingcoge
02/06
0
0
K.s 活动营销系统 开始编写 4月8日

K.s(killer.system)活动营销系统,作为我第一个自己编写的系统,在此记录下我每天的工作进度和每个模块的过程。活动营销系统,是基于公司需要而开发的,系统脚手架使用codeigniter。 第一步...

林伟盛
2016/04/09
23
0
Struts 2+Hibernate实现完整登录注册(带验证)

Struts 2+Hibernate实现完整登录注册 环境 MyEclipse 2014 数据库:SQL sever 2016 Tomcat:apache-tomcat-8.0.46 JDK:1.6 Sturts版本:2.1 Hibernate版本:4.1 前期准备 创建项目以后,为项...

xp731574722
2017/11/18
0
0
利用 Jython 与 Ajax 技术构建一个简单的 Web 应用程序

Ajax 是现如今构建互动性强,更为动态的 Web 应用程序的必备技术。而 Jython 是 Python 语言的纯 Java 实现,它结合了二者的优势,使用它可以作为服务器端的实现。本文以一个典型的用户注册应...

红薯
2011/01/16
1K
4
OAuth2 结合网站授权流程分析

第一步:组装 URL 请求获取授权码 code 1. 用户访问一个第三方 URL 网址,这时第三方服务端收到请求,组装 URL,随机生成 state 并存储(Cookies、Session、Mysql等),然后引导用户请求访问...

lixiaokai2008
2015/09/30
323
1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

CentoOS6.6安装netcat

CentOS下安装netcat 使用zookeeper过程中,需要监控集群状态。在使用四字命令时(echo conf | nc localhost 2181),报出如下错误:-bash: netcat: command not found。 我的系统是CentOS 6....

ghou-靠墙哭
11分钟前
0
0
es6之解构赋值巧用

ES6 允许按照一定模式,从数组、对象等中提取值,对变量进行赋值,这被称为解构赋值。 如何进行解构赋值我这里就不赘述,本篇文章主要是将解构赋值的巧妙使用之处。 1、交互变量的值 常用交互...

秋季长青
16分钟前
0
0
Elasitcsearch High Level Rest Client学习笔记(三)批量api

Bulk Request BulkRequest可以在一起从请求执行批量添加、更新和删除,至少需要添加一个操作 BulkRequest request = new BulkRequest(); //创建BulkRequestrequest.add(new IndexRequest("...

木子SMZ
20分钟前
0
0
mybatis-dynamic sql

OGNL expressions if 判断是否存在值 <select id="findActiveBlogLike" resultType="Blog"> SELECT * FROM BLOG WHERE state = ‘ACTIVE’ <if test="title != null"> AND title like #{tit......

writeademo
27分钟前
0
0
社交系统ThinkSNS+ V1.8.3更新播报

     研发发布版本号:1.8.3   本次版本于2018年7月16日发布   本次发布类型:新增功能、细节调整与优化   社交系统ThinkSNSPlus更新体验:请于官网下载/安装最新版或联系QQ35159...

ThinkSNS账号
30分钟前
0
0
教育思考:选择编程是一场父母和孩子的和解[图]

教育思考:选择编程是一场父母和孩子的和解[图]: 之前有个很热的段子是这样讲的:深夜十点的时候,某小区一女子大声喊叫“什么关系?啊?!到底什么关系?你说!”最后发现原来是一位妈妈陪...

原创小博客
31分钟前
0
0
X64汇编之指令格式解析

最近由于项目组内要做特征码搜索的东西,便于去Hook一些未导出函数,你懂得...于是就闲着学习了一下x86/x64的汇编指令格式。x86的汇编指令格式请参照http://bbs.pediy.com/showthread.php?t...

simpower
34分钟前
0
0
rust 语法概要(只适合不熟悉时快速查阅使用,不适合理解其精髓。未完待续)

注意:本内容只适合快查,不适合理解精髓。精髓请研读 https://kaisery.github.io/trpl-zh-cn/foreword.html 基本数据类型 i8,i16,i32,i64,i128 u8,u16,u32,u64,u128 f32,f64 char bool:true...

捍卫机密
37分钟前
0
0
JS中严格模式和非严格模式

1,使用 严格模式的使用很简单,只有在代码首部加入字符串 "use strict"。必须在首部即首部指其前面没有任何有效js代码除注释,否则无效 2.注意事项 (1)不使用var声明变量严格模式中将不通...

AndyZhouX
37分钟前
0
0
Nginx配置error_page 404 500等自定义的错误页面

Nginx 做web server时, 开发中发现有时候的网站代码有错误,我们需要跳转到一个指定内容的错误页面: 1. 在nginx.conf配置文件上加上一句: fastcgi_intercept_errors on; 2. 服务中加上: er...

MichaelShu
39分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部