스프링 시큐리티(Spring Security) 커스텀 폼으로 제이쿼리div로 로그인 정보 전송하기 + 제이쿼리(jQuery)

 

시큐리티가 form 데이터 전송 밖에 못받는건지.. 아직 아는게 많이 없어서 야매로 전송 하기로 했다

 

.html

// 기존 로그인 폼
<div class="login">
    <div>
        <p>ID</p>
        <input id="userId" type="text">
        <p>PW</p>
        <input id="userPw" type="password">
        <!--          <button id="jqtest">test</button>-->
        <button id="login" onclick="fn_loginSubmit()">Log-in</button>
    </div>
</div>

// 실제 데이터 전송 폼 (실제 데이터 전송하는걸 숨겨서 만듬)
<form id="LoginPageForm" method="post">
	//name 은 .usernameParameter,.passwordParameter시큐리티 설정이랑 맞춘다
    <input type="hidden" id="username" name="userId" value=""/>
    <input type="hidden" id="password" name="userPw" value=""/>
</form>

 

 

.script

    
    function fn_loginSubmit() {
			//url은 시큐리티 .loginProcessingUrl 랑 맞춤
        $('#LoginPageForm').attr('action', '/login_pro_do');	 //pc

			// 윗쪽 데이터 값을 가져옴
        $("#username").val($("#userId").val());
        $("#password").val($("#userPassword").val());

        $("#LoginPageForm").submit();

    }