#99 jQuery ajax modal show?

 2019.10.07

 

 ajax 호출 후 modal('show')가 안먹히는데 이유를 모르겠다 

 

<script type="text/javascript">
    
        $(function() {
            $('#loginButton').click(function() {
                
                var memberId = $('#memberId').val();
                var memberPw = $('#memberPw').val();
                
                // ajax 호출을 위한 정보 기입
                var request = $.ajax({
                  url: "/loginCheck", // 호출 url
                  method: "POST", // 전송방식
                  data: {memberId, memberPw}, // 파라미터
                  dataType: "text" // 전송 받을 타입 ex) xml, html, text, json
                });
                 
                // 호출 정상일 시 실행되는 메서드
                request.done(function( data ) {
                    if(data == 1){
                        $('#loginForm').submit();
                    } else {
                        $('#loginModal').modal('show');
                       console.log('로그인실패');
                        //alert('아이디 혹은 비밀번호가 일치하지 않습니다');
                    }
                });
                
                // 호출 에러일 시 실행되는 메서드
                request.fail(function( jqXHR, textStatus ) {
                  alert( "Request failed: " + textStatus );
                });
     
                // 호출 정상 또는 에러 상관없이 실행
                request.always(function() {
                    //console.log('완료');
                });
            });
        });
</script>

 

왜 안되지

 

 

 2019.10.10 추가

 버튼 클릭시 모달은 동작하니까 ajax 호출 후 클릭 트리거를 줌으로서 해결했다 왜 안되는지는 아직도 모르겠다

 

<button type="button" id="modalButton" data-toggle="modal" data-target="#loginModal" style="display: none;"></button>

 

// 호출 정상일 시 실행되는 메서드
request.done(function( data ) {
    if(data == 1){
        $('#loginForm').submit();
    } else {
        console.log(data);
        //$('#loginModal').modal('show');
        $('#modalButton').trigger('click');
    }
});

 

 

결과화면