레이어(모달) 팝업 URL 생성하기

홈페이지 레이어 팝업 URL을 생성해달라는 지령이 떨어졌다

게시판인데 제목을 누르면 onclick이 되어 ajax로 상세 내용을 가져오는 형태 였다

이미 로직은 다 짜여져 있는 상태였기에 그냥 호출을 해보자!해서

thmeleaf로 파라미터 값을 받아와 javascript로 실행시키는 방법으로 해결했다

 

주소창에 예를 들어 아래와 같이 치면

http://localhost:8080/board.html?view=2

 

<script>
	/*<![CDATA[*/
    	// 파라미터 값
		let view = '[[${param.view}]]';

		if(view != "" && view > 0){
            // 레이어 팝업 호출과 동시에 ajax 실행시키는 함수
			viewLayer(view);
		}
	/*]]>*/
</script>

view 파라미터 값을 담아서

ajax를 실행시키는 함수에 값을 넘겨버렸다

기존 로직대로 실행이 잘된다! 😆

 

문제는 레이어 팝업을 닫았을때 

파라미터 값이 없어져야하는데 계속 남아있다;;

 

레이어 닫는 함수에 아래 한문장 추가하니 사라진다!

history.replaceState({}, null, location.pathname);

 

기존 게시판 a태그에 onclick이 아닌 href로 ?view=시퀀스값 으로 바꾸니

레이어 팝업에도 URL이 생기게끔 되었다

그냥 주소 복붙해서 새창에 넣으니까

바로 팝업 호출되서 원하는대로 완성되었다!👍