前端无法获取在servlet后台传回的数据

最新推荐文章于 2024-08-15 10:55:21 发布

zahuilg10

最新推荐文章于 2024-08-15 10:55:21 发布

阅读量877

点赞数

CC 4.0 BY-SA版权

分类专栏：记录文章标签： javaweb 前端后台

本文链接：https://blog.youkuaiyun.com/u011414076/article/details/98471595

记录专栏收录该内容

17 篇文章

订阅专栏

本文分享了一次前后端数据交互失败的排查经历，详细介绍了从登录页面表单提交到后端数据验证的过程，最终发现数据库查询语句遗漏了密码字段，通过修正SQL语句，实现了前后端数据的正确交互。

前端获取后台数据失败解决方法

在写完登录页面测试的时候，发现前端已经获取了表单内容，但后台总是无法传回正确的数据，焦灼了3天，最后终于在别人的帮忙找到了问题，代码如下：
js代码：

// An highlighted block
layui.use(['form','jquery','layer'],function(){
    var form  = layui.form,
        $ = layui.$,
        layer = layui.layer;
    form.on('submit(submitBtn)',function(obj){
        $.ajax({
            url:getContextPath()+'/MemberServlet/login',
            type:'POST',
            data:$(".layui-form").serialize(), // 取得表单的所有数据内容
            success:function(data){
                alert(data);
                if(data =="success"){
                    layer.msg('用户登录成功',{time:2000,icon:1,end:function(){
                        location.href=getContextPath()+"/pages/back/index.jsp";
                        }})
                }else{
                    layer.msg('用户登录失败',{time:2000,icon:2})
                }
            }
        });
    });
})

servlet代码：

public class MemberServlet extends DispatcherServlet {
    public void login() {
        // 接收表单参数
        String mid = super.request.getParameter("mid");
        String password = super.request.getParameter("password");
        // 数据验证
        if (ValidateUtils.validateEmpty(mid) && ValidateUtils.validateEmpty(password)) {  //判断true
            // 将数据保存在对象之中
            Member vo = new Member();
            vo.setMid(mid);
            vo.setPassword(new MD5Code().getMD5ofStr("{[" + password + "]}")); // 加盐处理
            System.out.println(vo.getPassword()+"***");
            try {
                Map<String, Object> map = ServiceFactory.getIMemberServiceInstance().login(vo);
                Member member = (Member) map.get("member");
                if (member.getMid() != null) {
                    super.request.getSession().setAttribute("member", map.get("member")); //保存对象数据
                    super.response.getWriter().print("success");
                }else {
                    super.response.getWriter().print("error");
                }
            } catch (Exception e) {
                e.printStackTrace();
            }
        } else {
            try {
                super.response.getWriter().print("error");
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
    }
}

在艰苦奋斗3天后发现这两个文件都没有错，而是在定义接口实现类的数据库查询信息里面没有写password，导致后台只能比对mid而无法比对password

修改前：

 public Member findLogin(Member vo) throws SQLException {
        Member member = new Member();
        String sql = "SELECT mid,name,phone,flag FROM member WHERE mid=? AND status=7";
        super.pstmt = super.conn.prepareStatement(sql);
        super.pstmt.setString(1,vo.getMid());
        super.pstmt.setString(2,vo.getPassword());
        ResultSet rs = super.pstmt.executeQuery();
        if (rs.next()){
            member.setMid(rs.getString(1));
            member.setName(rs.getString(2));
            member.setPhone(rs.getString(3));
            member.setFlag(rs.getInt(4));
        }
        return member;
    }

错误在第三行，应该加上password

修改后：

 String sql = "SELECT mid,name,phone,flag FROM member WHERE mid=? AND password=? AND status=7";

这样就能完美运行了。