spring+jquery+ajax 检测用户名是否存在

最新推荐文章于 2021-08-06 11:54:16 发布

置顶

繁花流水cong

最新推荐文章于 2021-08-06 11:54:16 发布

阅读量4k

点赞数 1

分类专栏： java

本文链接：https://blog.csdn.net/baidu_34386466/article/details/53560225

版权

本文介绍了如何在Spring MVC项目中结合jQuery和Ajax实现用户名存在的检测功能。通过一个简单的示例，展示了从register.jsp页面使用Ajax发送请求到checkUser.jsp进行处理，Controller和Service层的实现，以及Ajax返回数据后的前端处理。提供了一个完整可运行的Spring MVC框架源码下载，供开发者参考学习。

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

spring+jquery+ajax 检测用户名是否存在

话不多说，直接上代码

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!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>CheckUser</title>
</head>
<script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
    function ine(data) {
    

        if (data == 1) {
            document.getElementById("checkUN").innerHTML = "<b style='color: red'>用户名已存在</b>";
        } else if (data == 2) {
            document.getElementById("checkUN").innerHTML = "<b style='color:red'>不能为空</b>";
        } else if (data == 3) {
            document.getElementById("checkUN").innerHTML = "<b style='color:green'>该用户名可用</b>"
        } else if (data == 0) {
            document.getElementById("checkUN").innerHTML = "<b style='color:red'>ajax成功返回值为空</b>"
        } else {
            document.getElementById("checkUN").innerHTML = "<b style='color:red'>未知错误</b>"
        }
    }

    function checkUser() {
    
        var name = $('#userName').val();
        var s = 0;
        $.ajax({
            type : "post",
            url : 'checkUser.jsp',
            data : "name="