로그인-2

ajax를 이용한 통신과 통신을 위한 java 코드 입력

ajax

<script type="text/javascript" src="http://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
    function check(form){
        $(document).ready(function(){
            let obj = {
                "userId" : $('input[name=userId]').val(),
                "userPassword" : $('input[name=userPassword]').val()
            }
            $.ajax({
                type: 'get',   //get방식으로 명시
                url : 'http://localhost:3001/login',
                data : obj,
                dataType:'text',
                success: function(data){
                    alert(data);
                },
                error:function(){
                    alert('실패');
                }
            })
        });
    }

</script>

java

CORS 문제로 헤매었지만 @CrossOrigin 어노테이션을 추가해서 해결

@CrossOrigin(origins = {"http://localhost:3000"})
@RestController

public class Hello {
    @RequestMapping (value="/login",method = RequestMethod.GET)
    public String Login(String userId,String userPassword){
        String id = userId;
        String pwd = userPassword;

        return "아이디 : "+id + "\n"+"비밀번호 : "+ pwd;
    }
}

정상동작 확인