#1 of Debugging List - 302 redirect 이슈 when ajax 사용 w/ form 태그

-

ajax 사용 시 302 redirect 이슈 발생 주의

개요

  • JQuery 로 ajax POST 요청 시 submit 버튼에 대한 제어 필요
  • e.preventDefault()
    • 기본 동작 발생하지 않도록 (여기서는 form submit) 제어

소스

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$("#btnSecondAuthCheck").click(function (e) {
    e.preventDefault();
    $.ajax({
            type: "POST",
            url: "/second-auth/check",
            dataType: "json",
            data: JSON.stringify({
                secondAuthNumberValue: secondAuthNumberValue
            }),
            contentType: "application/json;charset=UTF-8",
            success: function (response) {
                // 성공 시 처리 로직
            },
            error: function (error) {
                // 실패 시 처리 로직
            }
    });
})
cs

댓글

댓글 쓰기