Ajax를 이용한 이용한 데이터 전달받기

Data Transfer Using Ajax

Posted by dydtjr1128 on June 05, 2017 · 2 mins read WEB

Ajax를 이용한 이용한 데이터 전달

<script>
$(function(){    
    var out;
    $("#user_login").click(function(){        
        var data_param ="input_id="+$("#user_id").val() + "&" + "input_pw="+$("#user_pw").val();        
        $.ajax({
            type : "post",
            url : "loginCheckDB.jsp",            
            data : data_param,
            success : function(result){        
                    var p = result.trim();
                    if(p == 1){/* 로그인성공  */
                        <%%>
                    }
                    else if(p == 2)
                        alert("로그인 실패!");                                        
            }
        });
    });
});
</script>
    String userID = request.getParameter("input_id");
    String userPW = request.getParameter("input_pw");
    System.out.println(userID + " " + userPW);
    pstmt.setString(1, userID);
    pstmt.setString(2, userPW);
    ResultSet rs = pstmt.executeQuery();
    if(rs.next() == false){
        System.out.println("로그인성공");
        out.println("1");/*  로그인성공  */
        request.getSession().removeAttribute("loginID");
        request.getSession().setAttribute("loginID",userID);
    }
    else{            
        out.println("2");/*  로그인실패 */        
    }

loginCheckDB.jsp로 post 형태로 data_param을 요청 성공하면 sussess로 결과를 받아올 수 있다.