这个是相关的代码
前端的代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!--edge浏览器H5兼容设置-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--360浏览器H5兼容设置-->
<meta name="renderer" content="webkit" />
<title>电脑商城</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--导入核心文件-->
<script src="../bootstrap3/js/holder.js"></script>
<link href="../bootstrap3/css/bootstrap.css" rel="stylesheet" type="text/css">
<script src="../bootstrap3/jquery-1.9.1.min.js"></script>
<!-- <script src="https://code.jquery.com/jquery-3.6.0.js"></script>-->
<script src="../bootstrap3/js/bootstrap.js"></script>
<!-- 字体图标 -->
<link rel="stylesheet" href="../bootstrap3/font-awesome-4.7.0/css/font-awesome.css" />
<link rel="stylesheet" type="text/css" href="../css/top.css" />
<link rel="stylesheet" type="text/css" href="../css/index.css" />
<link rel="stylesheet" type="text/css" href="../css/layout.css" />
<link rel="stylesheet" type="text/css" href="../css/reg.css" />
<link rel="stylesheet" type="text/css" href="../css/footer.css" />
</head>
<body>
<!--头部-->
<header class="header">
<img src="../images/index/stumalllogo.png" alt="" />
<span class="pull-right"><small>欢迎访问</small><b>电脑商城</b></span>
</header>
<!--主体-->
<div class="container mycontent text-left">
<!--透明层 -->
<div class="regDiv">
<p>新用户注册</p>
<!--表单开始-->
<form id="form-reg" class="form-horizontal" role="form">
<!--用户名-->
<div class="form-group">
<label class="col-md-3 control-label">名字:</label>
<div class="col-md-8">
<input name="username" type="text" class="form-control" placeholder="请输入用户名">
</div>
</div>
<!--密码-->
<div class="form-group">
<label class="col-md-3 control-label"> 密码:</label>
<div class="col-md-8">
<input name="password" type="password" class="form-control" placeholder="请输入密码">
</div>
</div>
<!--确认密码-->
<div class="form-group">
<label class="col-md-3 control-label"> 确认密码:</label>
<div class="col-md-8">
<input type="password" class="form-control" placeholder="请再次输入密码">
</div>
</div>
<!--提交按钮-->
<div class="form-group">
<label class="col-md-3 control-label"></label>
<div class="col-md-8">
<input id="btn-reg" class="btn btn-primary" type="button" value="立即注册" />
<span class="pull-right"><small>已经有账号?</small><a href="login.html">登录</a></span>
</div>
</div>
</form>
</div>
</div>
<!--页脚开始-->
<footer class="footer">
<!-- 品质保障,私人定制等-->
<div class="text-center rights container">
<div class="col-md-offset-2 col-md-2">
<span class="fa fa-thumbs-o-up"></span>
<p>品质保障</p>
</div>
<div class="col-md-2">
<span class="fa fa-address-card-o"></span>
<p>私人订制</p>
</div>
<div class="col-md-2">
<span class="fa fa-graduation-cap"></span>
<p>学生特供</p>
</div>
<div class="col-md-2">
<span class="fa fa-bitcoin"></span>
<p>专属特权</p>
</div>
</div>
<!--联系我们、下载客户端等-->
<div class="container beforeBottom">
<div class="col-md-offset-1 col-md-3">
<div><img src="../images/index/stumalllogo.png" alt="" class="footLogo" /></div>
<div><img src="../images/index/footerFont.png" alt="" /></div>
</div>
<div class="col-md-4 callus text-center">
<div class="col-md-4">
<ul>
<li><a href="#"><p>买家帮助</p></a></li>
<li><a href="#">新手指南</a></li>
<li><a href="#">服务保障</a></li>
<li><a href="#">常见问题</a></li>
</ul>
</div>
<div class="col-md-4">
<ul>
<li><a href="#"><p>商家帮助</p></a></li>
<li><a href="#">商家入驻</a></li>
<li><a href="#">商家后台</a></li>
</ul>
</div>
<div class="col-md-4">
<ul>
<li><a href="#"><p>关于我们</p></a></li>
<li><a href="#">关于圆心</a></li>
<li><a href="#">联系我们</a></li>
<li>
<span class="fa fa-wechat"></span>
<span class="fa fa-weibo"></span>
</li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="col-md-5">
<p>电脑商城客户端</p>
<img src="../images/index/ios.png" class="lf">
<img src="../images/index/android.png" alt="" class="lf" />
</div>
<div class="col-md-6">
<img src="../images/index/erweima.png">
</div>
</div>
</div>
<!-- 页面底部-备案号 #footer -->
<div class="col-md-12 text-center bottom">
Copyright © 2022 dnsc.cn All Rights Reserved 京ICP备08963888号-45 <a target="_blank" href="http://www.dnsc.cn/">圆心科技集团有限公司</a> 版权所有
</div>
</footer>
<!--页脚结束-->
<script type="text/javascript">
$("#btn-reg").click(function() {
console.log($("#form-reg").serialize());
$.ajax({
url: "users/register",
type: "POST",
data: $("#form-reg").serialize(),
dataType: "text",
async:"false",
success: function(json) {
if (json.state == 200) {
console.log(20)
alert("注册成功");
}else {
console.log("333");
console.log(json.state+1);
alert("注册失败" + json.message);
}
},
error:function () {
console.log(5555);
}
});
console.log(233);
});
</script>
</body>
</html>
后台的代码
public static final int OK = 200;
@ExceptionHandler(ServiceException.class)
public JsonResult<Void> handleException(Throwable e){
JsonResult<Void> jsonResult = new JsonResult<>(e);
if (e instanceof UsernameDuplicateException){
jsonResult.setState(4000);
jsonResult.setMessage("用户名被占用异常");
}else if (e instanceof InsertException) {
jsonResult.setState(5000);
}
return jsonResult;
}
@RequestMapping("register")
@ResponseBody
public JsonResult<Void> register(User user){
iUserService.register(user);
return new JsonResult<Void>(OK);
}
然后我试过了 添加 async:"false",改成同步
也改了dataType: "text",但是没有用