function（res）参数

最新推荐文章于 2024-08-07 16:24:29 发布

原创最新推荐文章于 2024-08-07 16:24:29 发布 · 2.2k 阅读

4 ·

CC 4.0 BY-SA版权

java随笔专栏收录该内容

24 篇文章

订阅专栏

该博客详细介绍了前端使用jQuery的$.post方法与后台Servlet进行数据交互的流程。前端通过Ajax发送请求，将username传给服务器，服务端接收到请求后调用UserService查询用户名是否存在，并返回一个包含状态码和消息的数据结果。根据返回结果，前端会显示相应的提示信息，如用户名存在或不存在。整个过程实现了前后端的动态交互，确保了用户体验。

页面

    $.post({
            url:"checkUsername",
            data:{
                username:username //传给服务器的内容
            },
            success:function(res){ //res = {data:"开发者服务器返回的内容"}
                if(res.code == 10000){
                    $("#uSpan").html("用户名存在").css({"color":"green"});
                }else{
                    $("#uSpan").html("用户名不存在").css({"color":"red"});
                }
            }
        })
        //服务端
        resp.getWriter().write(json);

服务端

public class CheckUsernameServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //1、获取请求参数
        String username = req.getParameter("username");
        //2、调用Service层的业务方法
        UserService userService = new UserServiceImpl();
        boolean b = userService.selectUserByName(username);
        //返回一个公共的数据格式
        DataResult dataResult;
        if(b){
            dataResult = new DataResult(10000,"查询成功");
        }else{
            dataResult = new DataResult(20000,"查询失败");
        }
        resp.setContentType("application/json;charset=utf-8");
        ObjectMapper mapper = new ObjectMapper();
        String json = mapper.writeValueAsString(dataResult);
        resp.getWriter().write(json);
    }