테스트 사이트 - 개발 중인 베타 버전입니다

이니시스 결제 중 로딩화면 선배님들을 어떻게 구현들 하셨나요? 채택완료

라균 4년 전 조회 1,806

https://mobile.inicis.com/smart/payment/

요 url을 보낼 때 파라미터 P_NEXT_URL 의 페이지중 loader를 간단하게 넣었습니다.

 

</p>

<pre>
<!DOCTYPE html>
<html>
<head>
  <title>결제결과</title>
  <meta charset="euc-kr">
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes, target-densitydpi=medium-dpi"/>
  <link rel="stylesheet" type="text/css" href="./css/import.css"/>
  <style>
      .loader {
          border: 16px solid #f3f3f3;
          border-radius: 50%;
          border-top: 16px solid #3498db;
          width: 120px;
          height: 120px;
          -webkit-animation: spin 2s linear infinite; /* Safari */
          animation: spin 2s linear infinite;
          position: fixed;
          margin-top: 1rem;
          margin-left: 1rem;
      }

      /* Safari */
      @-webkit-keyframes spin {
          0% {
              -webkit-transform: rotate(0deg);
          }
          100% {
              -webkit-transform: rotate(360deg);
          }
      }

      @keyframes spin {
          0% {
              transform: rotate(0deg);
          }
          100% {
              transform: rotate(360deg);
          }
      }
  </style>
</head>
<body>
<div class="loader" id="loader"></div>
</body>
<script>
  setTimeout(function () {
    document.getElementById('loader').style.display = 'none';
  }, 5000);
</script>
</html></pre>

<p>

위 소스는 로더만 따로 때온 html소스라 내용은 없습니다.

로더는 잘 돌아가는데... 보여지는 타이밍이 결제가 완료됐을때 결제결과와 같이 보여집니다.

제가 원한건 php 내부에서 프로세스가 돌아가는 중에 로더로 보여주는건데 

프로세스가 끝나야 php에 있는 html 소스도 같이 보여줘서 생기는 문제 같습니다. 

 

선배님들은 어떻게 하고계신지 궁금합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
핑크빈
4년 전

ajax으로 해당 프로세스가 끝나서  응답을 받으면 해당로더를 멈추고 보여주면될것같은데요?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

라균
4년 전
그방법 뿐이겠죠 허허...
함수로 빠져있는게 아니라 페이지통으로 개발이 되어있어서 어떻게든 쉽게 할려 했더니 결국 ㅠㅠ
감사합니다 ㅋㅋ
P
Phillips
4년 전
즐개발 하시길바랍니다 ^^~

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인