AJAX异步判断注册用户名是否重复

研究了几天，网上的例子大部分都很复杂，不适合新手学习和理解，自己整合这几天学习的知识，用原生的ajax知识浅显易懂地实现了这个功能，现在分享出来一起学习：

<%@ page language="java" contentType="text/html; charset=gb2312"pageEncoding="gb2312"%>
<!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=gb2312">
<title>原生的ajax</title>
<script type="text/javascript">
var xmlhttp;
//创建XMLHttpRequest对象
function createXMLHttpRequest() {try {//针对IE5、IE5.5、IE6xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");} catch (e) {try {//针对IE5、IE5.5、IE6xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");} catch (e) {try {//针对FireFox、Mozillar、Opera、Safari、IE7、IE8xmhttp = new XMLHttpRequest();//创建XMLHttpRequest对象if (xmlhttp.overrideMimeType) {//修正某些浏览器的BUGxmlhttp.overrideMimeType("text/xml");}} catch (e) {}}}
}function ajaxsub(t) {//创建一个XmlHttpRequest对象(js内置对象)createXMLHttpRequest();if (xmlhttp != null) {//判断XMLHttpRequest是否创建成功var url = "http://localhost:8080/Test5/AjaxServlet";//1.是http请求的方式  POST和GET//2.是服务器的地址,可以一个servlet//3.是采用同步还是异步，true为异步xmlhttp.open("POST", url, true);//post请求要自己设置请求头  注意顺序xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");xmlhttp.onreadystatechange = callfun; //注册回调函数  callfun对应一个js的函数名字,这个函数由我们自己定义//发送请求         一会在servlet中获取的username值就是这里的xmlhttp.send("username="+t.value);} else {alert("不能创建XMLHttpRequest对象实例")}}//回调函数
function callfun() {//获取服务器返回的数据//回调函数里面会执行多次,次数取决建立连接的时间和建立连接成功之后服务器处理的时间//获取与服务器建立连接是否成功if (xmlhttp.readyState == 4) {if (xmlhttp.status == 200) {//服务器已经成功处理请求，并返回数据var serviceData = xmlhttp.responseText;//获取服务器返回的文本数据//alert("服务器返回的数据是:" + serviceData);var vs = "";if (serviceData == "1") {vs = "不可以注册";} else {vs = "可以注册";}document.getElementById("msg_info").innerHTML = vs;}}}
</script>
</head>
<body>
用户名:<input type="text" name="username" onblur="ajaxsub(this)"><label id="msg_info"></label>
</body>
</html>

这个地方有不懂的地方可以去看一下我ajax前两篇文章，还有这里的编码注意一下，我的是gb2312，你们用自己的编码

import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.Statement;import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;public class AjaxServlet extends HttpServlet {/*** */private static final long serialVersionUID = 1L;/*** Constructor of the object.*/public AjaxServlet() {super();}public void destroy() {super.destroy(); // Just puts "destroy" string in log// Put your code here}public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {this.doPost(request, response);}public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {request.setCharacterEncoding("utf-8");response.setCharacterEncoding("utf-8");String name=request.getParameter("username");PrintWriter out=response.getWriter();//获取数据库的数据String sql="select * from user where username ='"+name+"' ";System.out.println(sql);try {Class.forName("com.mysql.jdbc.Driver");Connection c=DriverManager.getConnection("jdbc:mysql://127.0.0.1:3306/testdriver?characterEncoding=utf-8","root","2988");Statement s=c.createStatement();ResultSet rs=s.executeQuery(sql);if(rs.next()){out.print(1);}else{out.print(0);}} catch (Exception e) {// TODO Auto-generated catch blocke.printStackTrace();}out.flush();out.close();}public void init() throws ServletException {// Put your code here}}

连接数据库这里，出现了一个小bug，贴出解决方法，大家也要注意

然后运行会报错：

如果sql语句后面的name是整型就没事，字符串类型必须要在引号内，所以这样改就不报错了

再次运行：

看一下我的数据库user表：

AJAX异步判断注册用户名是否重复相关推荐

ajax检测用户名重复无效,用ajax实现检测注册用户名是否重复的完整例子
ValidateName.java代码如下所示,并且采用userIsExist查找数据库看是否存在相同的用户名. package com.wuliu.test; import java.io.IOEx ...
php ajax邮箱,PHP+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)
前言直接上代码有点不厚道.于是按照天朝传统,整段描述吧....(本人语言表达能力有限,大家忍着看) 功能在网站注册用户时使用,主要为了无刷新异步验证用户输入的用户名或者Email是否已注册. ...
html怎么判断用户名重复,ajax验证注册用户名是否重复
后端视图代码views.py defcheck_user(): form=RegistrationForm()#定义json字典数据格式 result ={"code":" ...
应用ajax实现检测注册用户名是否已经存在
前面写了一些ajax基础知识,那么具体如何应用? 在这里我将我3月12课件中的一个例子整理下来! 主要实现了用户注册自动检测用户名是否已经存在的功能! 类似http://bbs.langsin.com ...
Ajax简单实现注册用户名校验
目录 1. 概念 2. JQuery实现方式 3. 案例:注册校验用户名是否存在 1. 概念同步和异步的区别同步:客户端必须等待服务器端的响应.在等待的期间客户端不能做其他操作. ...
java异步判断数据库是否有重复字段值
action: public String findusergroupyname(){ 集合 = 方法(字段值); if(this.usergrouplst!=null&&this ...
asp判断ajax请求 -asp.net,一个asp注册验证用户名是否重复的Ajax实例
一个asp注册验证用户名是否重复的Ajax实例 1.需要用到的初始化xmlhttp实例和发送请求的javascript函数: 以下为引用的内容: // JavaScript Document func ...
html怎么校验用户名重复,layui的表单验证支持ajax判断用户名是否重复的实例
如下所示: 在一个表单中,在提交前我们想判断该用户名是否存在,在layui中不支持.onblur()失去焦点事件,用按钮来手动触发,表单又不太美观,可以使用form表单的verify来进行验证. ht ...
ajax注册判断怎么写,ajax之判断用户名是否被注册
/** * * @author liang * 需求:模拟注册校验: * 1:jsp页面放置一个text文本框,当用户输入用户名,文本框失去焦点的时候,通过ajax访问服务器 * 2:servlet模 ...

AJAX异步判断注册用户名是否重复

AJAX异步判断注册用户名是否重复相关推荐

最新文章

热门文章