上一期大致讲到了前台验证的方面,接下来就是要向后台提交数据
首先要给予注册按钮的点击事件
进来之后先判断我们之前给的标志位是否全部通过
确认数据无误后再使用ajax向后台提交数据
//提交注册信息给后台
$.post("RegisterServlet", $('#register_form').serialize(), function (data) {
if (data.flag) { //接收后台验证是否通过
//通过
registerHandOff();
document.getElementById("register_code_i").value = "";
} else {
//未通过获取后台错误信息并打印`
let errors = data.errors;
for (let key in errors) {
registerErrors(key, errors[key]);
showPrompt(false, errors[key]);
}
}
});
将我们的注册数据提交给RegisterServlet类
$('#register_form').serialize()是将表单的值序列化成json
使用回调函数判断是否注册成功
然后就是编写后台的代码了
首先是RegisterServlet类
protected void service(HttpServletRequest req, HttpServletResponse resp) {
//注册信息
//创建注册实例化对象
UserRegisterAccount userA = new UserRegisterAccount();
try {
//编码处理
req.setCharacterEncoding("UTF-8");
resp.setContentType("text/html;charset=UT