<%@ 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>

<style type="text/css">

<!--

#toolTip{

 position: absolute;

 left: 311px;

 top: 39px;

 width: 98px;

 height: 48px;

 padding-top: 45px;

 padding-left: 25px;

 padding-right: 25px;

 z-index: 1;

 display: none;

 color: red;

 background-image: url(images/tooltip.jpg);

}

-->

</style>

</head>

<body>

<form action="" method="post" name="form1">

用户名：<input name="username" type="text" id="username" size="32">

<img src="data:images/checkBt.jpg" width="104" height="23" style="cursor: hand;" onclick="checkUser(form1.username);"><br><br>

密 码：<input name="password1" type="text" id="password1" size="35" onclick="checkUser(form1.username);"><br><br>

确认密码:<input name="passowrd2" type="text" id="password2" size="35"><br><br>

E-mail :<input name="email" type="text" id="email" size="35">

<input type="image" name="imageField" src="data:images/registerBt.jpg">

</form>

<div id="toolTip"></div>

</body>

</html>

<script language="javascript">

function createRequest(url) {

    http_request = false;

    if (window.XMLHttpRequest) {                                   // 非IE浏览器

        http_request = new XMLHttpRequest();                          //创建XMLHttpRequest对象

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

        try {

            http_request = new ActiveXObject("Msxml2.XMLHTTP");       //创建XMLHttpRequest对象

        } catch (e) {

            try {

                http_request = new ActiveXObject("Microsoft.XMLHTTP");  //创建XMLHttpRequest对象

           } catch (e) {}

        }

    }

    if (!http_request) {

        alert("不能创建XMLHttpRequest对象实例！");

        return false;

    }

    http_request.onreadystatechange = getResult;                       //调用返回结果处理函数

    http_request.open('GET', url, true);                               //创建与服务器的连接

    http_request.send(null);                                       //向服务器发送请求

}

function getResult() {

    if (http_request.readyState == 4) {             // 判断请求状态

        if (http_request.status == 200) {             // 请求成功，开始处理返回结果

            document.getElementById("toolTip").innerHTML=http_request.responseText;    //设置提示内容

            document.getElementById("toolTip").style.display="block";    //显示提示框

        } else {                             // 请求页面有错误

            alert("您所请求的页面有错误！");

        }

    }

}

function checkUser(userName){

    if(userName.value==""){

        alert("请输入用户名！");userName.focus();return;

    }else{

        createRequest('checkUser.jsp?user='+userName.value);

    }

}

</script>
 <%@page import="java.util.Arrays"%>

 <%@ 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>

 </head>

 <body>

 <%

 String[] userList={"123456","111111"};

 String user = new String(request.getParameter("user").getBytes("ISO-8859-1"),"UTF-8");

 Arrays.sort(userList);

 int result = Arrays.binarySearch(userList, user);

 if(result>-1){

     out.println("很抱歉，该用户名已经被注册！");

 }else{

     out.println("恭喜您，该用户名没有被注册！");

 }

 %>

 </body>

 </html>

Ajax技术使用的更多相关文章

  1. 使用ajax技术实现txt弹出在页面上

    使用ajax技术实现txt弹出在页面上   使用ajax技术实现点击按钮,将TXT文本里的内容通过弹出框显示到页面上 /*事件会在页面加载完成后触发.*/ <script> window. ...

  2. 《所用到的AJAX技术基础》

    来自百度网页,w3cshool网页:AJAX = Asychronous JavaScript and XML,翻译成中文为:异步的JavaScript XML. 异步的意思就是不重新加载整个页面,后 ...

  3. Ajax技术

    1.ajax技术的背景 不可否认,ajax技术的流行得益于google的大力推广,正是由于google earth.google suggest以及gmail等对ajax技术的广泛应用,催生了ajax ...

  4. Ajax技术详解

    Ajax技术:Ajax描述了一种主要使用脚本(JS)操纵HTTP的web应用架构,它的主要特点是使用脚本操纵HTTP和web服务器进行数据交换,不会导致页面重载.Ajax的核心是JS的XMLHttpR ...

  5. Java之Ajax技术

    ajax(asynchronouse javascript and xml) 异步的javascript 和 xml(现在常把xml换成json): ajax是2005年提出的,在2006,2007年 ...

  6. 在 PHP 中结合 Ajax 技术进行图片上传

    前面几则日志中讲述了在 PHP 中上传文件,相信大家对 PHP 中如何进行文件上传已经初步掌握.本文来继续探讨在 PHP 中上传文件的技术,不同的是,本次上传将仅限于图片文件的上传,并且将采用 Aja ...

  7. ajax 技术和原理分析

    ajax所包含的技术 大家都知道ajax并非一种新的技术,而是几种原有技术的结合体.它由下列技术组合而成. 1.使用CSS和XHTML来表示. 2. 使用DOM模型来交互和动态显示. 3.使用XMLH ...

  8. Ajax 技术一

    一.Ajax概述 1.历史起源 1998年,微软公司Outlook Web Access研发小组在当时的IE浏览器中集成了一种技术,可以在客户端无刷新的前提下向服务器端发送Http请求,这门技术称之为 ...

  9. AJAX技术的核心

    //创建一个XMLHttpRequest对象 ,利用此对象与服务器进行通信 是AJAX技术的核心 /** * 获取XmlHttpRequest对象 */ function getXMLHttpRequ ...

  10. 你真正的了解Ajax？Ajax技术简述

    Ajax技术是目前在浏览器中通过JavaScript脚本可以使用的所有技术的集合.Ajax并没有创造出某种具体的新技术,它所使用的大多数技术都是在很多年以前就已经存在了,然而Ajax以一种崭新的方式来 ...

随机推荐

  1. 配置MySQL数据库

    一.配置MySQL数据库 1.解压绿色版mysql,如下图 二.安装服务 1.运行cmd(管理员版本,否则没有权限),如下图 2.运行命令mysqld –install安装服务,如下图: 如果不需要m ...

  2. css清除浮动的方法汇总

    这是在其他地方看到的一篇文章,汇总的不错,摘过来做个记录. 引用地址 : http://www.cnblogs.com/ForEvErNoME/p/3383539.html ------------- ...

  3. libev安装与示例程序编译运行

    Linux平台C网络编程,之前总是看各大名著(如UNIX环境高级编程和UNIX网络编程,还有TCP/IP详解 卷1:协议和深入理解计算机系统(原书第2版)),同时写点小程序练习.然而还是拿不出手. 参 ...

  4. hdu 5105 求函数极值 函数求导/三分法

    http://acm.hdu.edu.cn/showproblem.php?pid=5105 给定a,b,c,d,l,r,表示有一个函数f(x)=|a∗x3+b∗x2+c∗x+d|(L≤x≤R),求函 ...

  5. Android 多个include标签的监听事件处理

    include标签的作用是为了xml文件代码的模块化,详细不再多提.主要是说说include标签的监听. 网上也有很多例子,不过大多是只写了一个include标签的监听,如果需要实现多个include ...

  6. Android ------ handler 异步处理消息

    Handler基本概念: Handler主要用于异步消息的处理:当发出一个消息之后,首先进入一个消息队列,发送消息的函数即刻返回,而另外一个部分逐个的在消息队列中将消息取出,然后对消息进行出来,就是发 ...

  7. JS——树形导航菜单（html的ul嵌套，jQuery的css()，show(),hide(),index()等方法）

    必备工具:jquery库文件.我这里用的是1.4版本的. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q ...

  8. Yii2 中自定义实例名称

    Yii2高级模板中,以frontend 和backeend的模式来分离前后台,这样的优势是 工程可以独立开发和部署.很大程度上起到解耦作用. 如果我们希望再增加名为 [api]一个过程怎么办? 第一步 ...

  9. MongoDB索引的使用

    Table of Contents 1. 基本索引 2. 联合索引 3. 索引类型 4. 索引管理 1 基本索引 在数据库开发中索引是非常重要的,对于检索速度,执行效率有很大的影响.本 文主要描述了M ...

  10. [Asp.net 开发系列之SignalR篇]专题二：使用SignalR实现酷炫端对端聊天功能

    一.引言 在前一篇文章已经详细介绍了SignalR了,并且简单介绍它在Asp.net MVC 和WPF中的应用.在上篇博文介绍的都是群发消息的实现,然而,对于SignalR是为了实时聊天而生的,自然少 ...