ajax简单校验用户名是否存在

1：注册表单<%@ 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>get方式请求数据，不要传参数</title>
</head>
<body><input type="text" name="username" id="username" οnblur="textAjax()">
<span id="mydiv" ></span>
<input type="password" name="password"><input type="button" value="测试是否可以注册" οnclick="textAjax()">
<script type="text/javascript">function textAjax(){//获取xmlHttpRequest对象(ajax引擎)var xmlhttprequest;if (window.XMLHttpRequest) {xmlhttprequest=new XMLHttpRequest();//code for IE7+, Firefox, Chrome, Opera, Safari}else{xmlhttprequest=new ActiveXObject("Microsoft.XMLHTTP");//code for IE6, IE5}//alert(xmlhttprequest);//说明获取对象成功//与服务器建立连接,默认是true,异步，可以不写xmlhttprequest.open("POST","${pageContext.request.contextPath}/sevletDemo2?time="+new Date().getTime(),true);//向服务器发送请求数据，没有为null,传递数据是post请求的 如username=jack&password=123//post提交时候，如果不是表单要加请求头，，因为servlet要request.getParams(),如果是表单就不要默认ectype就是//在send()前加context-typexmlhttprequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");var username=document.getElementById("username").value;xmlhttprequest.send("username="+username);xmlhttprequest.onreadystatechange=function(){//alert(xmlhttprequest.readyState);4表示成功//alert(xmlhttprequest.status);200表示成功if(xmlhttprequest.readyState==4){if(xmlhttprequest.status==200){var mydiv=document.getElementById("mydiv");mydiv.innerHTML=xmlhttprequest.responseText;}}}}</script>
</body>
</html>

2：请求的 servlet对客户端提交的数据进行校验

public class sevletDemo2 extends HttpServlet {private static final long serialVersionUID = 1L;protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Auto-generated method stub
    }protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {response.setContentType("text/html;charset=UTF-8");String username=request.getParameter("username");PrintWriter writer=response.getWriter();System.out.println(username);if("jack".equals(username)){writer.write("用户名已存在");}else {writer.write("可以注册");}}

转载于:https://www.cnblogs.com/linhong/p/4489096.html

ajax简单校验用户名是否存在相关推荐

十七 Ajax校验用户名功能
Ajax: 即"Asynchronous JavaScript And XML", 异步JavaScript和XML , 是指一种创建的交互式页面应用的网页开发技术,它并不是新的技 ...
java ajax找回密码,Java之AjaxAjax异步校验用户名
Ajax 即"Asynchronous JavaScript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术.Ajax并非一种新的技 ...
ssm用ajax校验用户名,SSM之检验用户名是否重复
1.controller(事务处理)层方法 /*** *检验学院名是否重复(是否可用) ResponseBody:返回的是json数据 * @param xueyuan_name * @param r ...
Ajax简单实现注册用户名校验
目录 1. 概念 2. JQuery实现方式 3. 案例:注册校验用户名是否存在 1. 概念同步和异步的区别同步:客户端必须等待服务器端的响应.在等待的期间客户端不能做其他操作. ...
删除商品信息恢复的java_零基础学习java------35---------删除一个商品案例，删除多个商品，编辑（修改商品信息），校验用户名是否已经注册（ajax）...
一. 删除一个商品案例将要操作的表格思路图前端代码 > Insert title here 查詢商品列表 idnamecategorypnumdescription描述${product. ...
ajax校验用户名可用吗,基于jQuery实现Ajax验证用户名是否可用实例
本文实例为大家分享了jQuery ajax简单案例-验证用户名是否可用的具体代码,供大家参考,具体内容如下 HTML Insert title here //页面加载完成后 $(function() ...
jQuery ajax简单案例-验证用户名是否可用
jQuery ajax简单案例-验证用户名是否可用 HTML <!DOCTYPE html> <html> <head> <meta charset=&quo ...
AJAX:校验用户名是否被注册
1. ajax是什么? * asynchronous javascript and xml:异步的js和xml * 它能使用js访问服务器,而且是异步访问! * 服务器给客户端的响应一般是整个页面,一 ...
【Notes6】ajaxjson，校验用户名，自动提示，CORS，/swagger开发rest，Websocket，DNS
文章目录 1.ajax/fetch/axios:xhr对象,$.,浏览器输入框加载脚本 1.1 fetch&axios:fetch大部分浏览器都自带了,除了ie 2.json:new Obje ...

ajax简单校验用户名是否存在

ajax简单校验用户名是否存在相关推荐

最新文章

热门文章