注册功能_前台_异步提交表单、注册功能_后台_Servet代码实现

注册功能_前台_异步提交表单

 

$(function () {
    // 当表单提交时，调用所有的校验方法
    $("#registerForm").submit(function () {
        return chenckUsername()&&chenckPassword()&&checkEmail()&&checkName()&&checktelephone()&&checkdate();
        //校验通过，发送ajax请求，提交表单数据 serialize  username=zhangsan age=13
        $.post("registUserServlet",$(this).serialize(),function (data){
        //  处理服务器响应的数据 date

        });

        // 如果这个方法没有返回值，或者返回为true，提交表单，falsa，不提交

    })

 

 只要校验不成功，就不会提交数据

 

 校验成功的话才会提交数据

 

注册功能_后台_Servet代码实现

　　后台代码实现：

　　　　编写RegisUserServlet

　　　　编写UserServlce以及UserServiceImpl

　　　　编写UserDao以及UserDaoImpl

@WebServlet(value = "/regisUserServlet")
public class RegisUserServlet extends HttpServlet {
    @Override
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//       获取数据
Map<String, String[]> map = request.getParameterMap();
//        封住对象
User user = new User();
        try {
            BeanUtils.populate(user, map);
} catch (IllegalAccessException e) {
            throw new RuntimeException(e);
} catch (InvocationTargetException e) {
            throw new RuntimeException(e);
}
//        调用Servelce完成注册
UserServlce servlce = new UserServlceImpl();
        boolean flag = servlce.regist(user);
ResultInfo info = new ResultInfo();
//        响应结果
if (flag) {
//         注册成功
info.setFlag(true);
} else {
//          失败
info.setFlag(false);
info.setErrorMsg("注册失败");
}
//        将info对象序列化为json
ObjectMapper mapper = new ObjectMapper();
String sjon = mapper.writeValueAsString(info);
//        将json数据写回客户端
//        设置content-type
response.setContentType("application/json;charset=utf-8");
response.getWriter().write(sjon);
}