javaweb之用AJAX来判断数据库中用户名是否存在

最新推荐文章于 2021-03-22 09:24:15 发布

纵死侠骨香

最新推荐文章于 2021-03-22 09:24:15 发布

阅读量2.1k

点赞数 3

分类专栏： # JavaWeb

本文链接：https://blog.csdn.net/qq_41808387/article/details/100528608

版权

本文档介绍了在JavaWeb项目中如何通过AJAX技术，在用户注册时实时验证数据库中用户名是否已存在。内容涵盖了项目的整体概览，包括注册页面的设计、后台控制器的逻辑以及模型层的实现。

摘要由CSDN通过智能技术生成

项目总览

在这里插入图片描述
导包及配置

注册页面(view)

adduser.jsp

<%@ 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 src="js/jquery.js"></script>
<script>
	function checkUsername(){
    
	var username = $('#username').val();
		$.ajax({
    
			//请求路径
			url:"${pageContext.request.contextPath}/UserServlet?fun=checkusername",
			//要发给服务器端的值
			data:{
    "fun":"checkusername","username":username},
			//请求方式:默认为get
			type:'GET',
			//回调函数，服务器端响应回来执行的函数
			success:function(data){
    //函数的参数就是服务器响应的数据
				if(data=='yes'){
    
					$('#usernamespan').css('color','green');
					$('#usernamespan').html('✔用户名可用');
					$('#sub').prop('disabled',false);
				}else{
    
					$('#usernamespan'