본문 바로가기
  • Welcome J-Kyu Tstory
Spring

[SpringFramework]swal_SweetAlert

by regularity 2022. 8. 3.
728x90

  상황에 따라 확인/경고/에러/정보 4개의 창을 띄울 수 있는 SweetAlert  

 

기본형태

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script type="text/javascript">

        var userid='${userid}';

        if(userid == ""){
            swal({
                text:"로그인 후 이용가능합니다!",
                icon:"warning",//"error","success","info",
                //buttons:true
            })
            .then((eventClick)=> {
                window.location.href = '/';
            })
</script>

 

응용사례

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

	var sessionCheck = "${sessionMember_id}";
	if(sessionCheck==""){
	  swal({
	  text: "로그인 후 이용바랍니다.",
	  icon: "warning",
	  buttons: true,
	})
	.then((eventClick) => {
	  if (eventClick) {
		  window.location.href = '/member/login';
	    ({
	      icon: "success",
	    });
	  } else {
			swal({
				  text: "영화정보 페이지로 진입합니다.",
				  buttons: false,
				})
		setTimeout(function(){  window.location.href = '/movie/movieInform';}, 1500);
		// redirect 기능과 비슷
		//window.location.href = '/member/login';
	}
	});
	}
    
    //위 코드는 [영화관]프로젝트에서 로그인여부에 따라 영화선택 페이지의 이용 가능여부를 알려주는 
    alert 코드

1. success

2. warning

3. error

4. info

 

728x90

댓글