关于前端：

使用jquery-3.3.1.js记得要导入奥---最后我会附加我的源码的

哎我也不多说了新手加菜鸟jquery真的不太懂！看代码吧！个别地方我会写上我对本程序的理解。

关于后台也就是servlet

后台并没有真正的链接数据库你懂得加入你测试的话还要建表，很麻烦，大致写了一个模板，以后你链接数据库，改代码的思路应该很简单！！我说的有道理吧！！简单的几句话看代码奥！！

index.jsp

//by萌萌的灰太狼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>在此处插入标题</title>

<script type="text/javascript" src="${pageContext.request.contextPath}/scripts/jquery-3.3.1.js"></script>

<script type="text/javascript">

$(function () {

	//获取要判断的编辑框的id  之后就是一个被改变事件---

	$(":input[name='username']").change(function () {

		var val=$(this).val();

		val=$.trim(val);

		if(val!="")

			{var url="${pageContext.request.contextPath}/valiateUserName";//这个地址是你要判断用户是否存在的后台

			var args={"username":val,"time":new Date()};//这个参数是把编辑框里的内容传过去给后台了//这个参数你随便写相当于map类的键值对，再后台可以通过键得到里面的内容

			$.post(url,args,function(data){

				$("#message").html(data);})

			//这句话的意思是返回的结果用html的格式写到了标签中显示！！

			}

	})

})

</script>

</head>

<body>

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

-------要判断用户是否存在的编辑框-------:<input type="text" name="username" size="60px" width="300px"><label id="message"></label>

<br>

</form>

</body>

</html>
servlet 文件
package com.ajax;

import java.io.IOException;

import java.util.Arrays;

import java.util.List;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

/**

 * Servlet implementation class valiateUserName

 */

@WebServlet(asyncSupported = true, urlPatterns = { "/valiateUserName" })

public class valiateUserName extends HttpServlet {

	/**

	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)

	 */

	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

		// TODO Auto-generated method stub

	}

	/**

	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)

	 */

	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

		// TODO Auto-generated method stub

		doGet(request, response);

		response.setCharacterEncoding("utf-8");

		request.setCharacterEncoding("utf-8");

		String username=request.getParameter("username");

		System.out.println("用户名"+username);

		List<String> usernames =Arrays.asList("aaa","bbb","ccc");//相当于在这里建立了一个数组，下面的话如果数组里包括这几个单词那就前端提示信息用户已被注册！

		String result=null;

		if(usernames.contains(username))

		{result="<font color='red'>该用户名已被使用</font>";

			System.out.println(result);

		}else {

			result="<font color='red'>该用户keyi使用</font>";

			System.out.println(result);

	}

		response.setContentType("text/html");//在这里是传回的文本格式为html格式

		response.getWriter().print(result);//将提示信息传回前端jsp页面

}}

　运行截图：

源代码链接失效评论补链接：：https://pan.baidu.com/s/1c3L06Ow

javaweb历史上最简单的使用Ajax判断用户名是否被注册（不跳转页面奥！）的更多相关文章

  1. Ajax (Asynchronous javascript xml) 搜索框核心代码(JQuery) Ajax判断用户名存在核心代码 附:原生js的Ajax代码 其中有json的一句话解释

    前端 <script type="text/javascript"> $(function(){ $("#tid").keyup(function( ...

  2. Ajax检测用户名是否已经注册

    程序功能 当用户名输入完成(即用户名输入框失去焦点),利用Ajax检测用户名是否已经注册! 实现过程 利用Ajax向CheckUserServlet发送请求,判断该用户名是否可用.这里只是为了演示Aj ...

  3. Ajax验证用户名是否被注册

    Ajax验证用户名是否被注册 var xmlHttp; function createXMLHttpRequest(){ // 创建XMLHttp请求对象 if(window.ActiveXObjec ...

  4. Asp.Net Mvc4 Ajax提交数据成功弹框后跳转页面

    1.cshtml页面代码 @model Model.UserInfo @{     ViewBag.Title = "Edit"; var options = new AjaxOp ...

  5. .net中使用JQuery Ajax判断用户名是否存在的方法

    //第一步:新建一个(*.aspx|*.html)Index.aspx页面 添加jquery 1 <html xmlns="http://www.w3.org/1999/xhtml&q ...

  6. ajax验证用户名是否被注册 ; ajax提交form表单

    register.html 文件代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" &quo ...

  7. javaweb利用ajax使登录窗口不跳转页面实现对账号密码的判断

    和上一篇判断用户名是否被占用不跳转页面类似!利用ajax实现跳转,要导入jquery文件库!具体代码我会贴出来,注释在里面!!可以观摩一手!(代码我也留下链接,如果失效,评论补发,代码可能导入也无法使 ...

  8. 史上最简单的 SpringCloud 教程

    史上最简单的 SpringCloud 教程 | 第一篇: 服务的注册与发现(Eureka)史上最简单的SpringCloud教程 | 第二篇: 服务消费者(rest+ribbon)史上最简单的Spri ...

  9. 史上最简单的 SpringCloud 教程 | 终章

    https://blog.csdn.net/forezp/article/details/70148833转载请标明出处:http://blog.csdn.net/forezp/article/det ...

随机推荐

  1. python中if语句和循环语句

    //2019.12.05 python循环控制结构(一)控制循环结构 1-1 程序的判断语句与组合1.对于python的控制结构主要有以下三大类:(1)分支结构(2)循环结构(3)异常处理 2.pyt ...

  2. 吴裕雄--天生自然MySQL学习笔记：MySQL 安装

    所有平台的 MySQL 下载地址为: MySQL 下载:https://dev.mysql.com/downloads/mysql/ 注意:安装过程我们需要通过开启管理员权限来安装,否则会由于权限不足 ...

  3. Py2与Py3的区别

    总结Py2 与Py3 的区别 1 编码区别 在Python2中有两种字符串类型str和Unicode. 默认ASCII python2 str类型,相当于python3中的bytes类型 python ...

  4. SpringCloud实战——（2）通过Feign调用其他模块

    大型项目下往往有很多模块,ZCGL项目结构如下: 需要引用的其他模块已经发布成服务并在Eureka Server注册中心注册,如下: 写程序时引用了其他模块,并且其他模块在项目中,但是IDEA任然无法 ...

  5. 产品降价、AR技术、功能降级，库克和苹果还有哪些底牌可以打？

    经过十年的高速发展,苹果和iPhone迎来了拐点,他们去年的境况,也连累了一大批的供应商,但如今的苹果财务健康,产业链稳固,在面对经济寒冬和激烈竞争的时候,有很多牌可以打,而且常常会在关键时刻打出来, ...

  6. 090、Java中String类之判断两个int型整数是否相等

    01.代码如下: package TIANPAN; /** * 此处为文档注释 * * @author 田攀 微信382477247 */ public class TestDemo { public ...

  7. mac brew redis

    1.搜索brew search redis //出现如下 ==> Searching local taps... hiredis redis redis-leveldb redis@2.8 re ...

  8. python2学习------基础语法3（类、类的继承、类成员函数、防御式编程）

    1.类的定义以及实例化 # 类定义 class p: """ this is a basic class """ basicInfo={&q ...

  9. C2 - Skyscrapers (hard version)

    前几天做的题,当时好像是超时了,这个博客写的超好https://blog.csdn.net/lucky52529/article/details/89155694 用单调站解决问题. 代码是从另外一篇 ...

  10. Aop配置时候的一些问题

    编写切面,并在ApplicationContest.xml 中相关AOP及切面的配置完全正确的情况下,运行报错如下: Exception in thread "main" org. ...