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

토스페이 연결 질문입니다. 버튼 클릭 후 실행되게 하려면? 채택완료

세진컴퓨터랜드 2년 전 조회 1,389

토스 도큐먼트를 찾아보니 

예제소스가 나와 있는데

</p>

<p><script>

    var clientKey = 'test_ck_Z0RnYX2w532gxz2jkPVNeyqApQEJ'

    var tossPayments = TossPayments(clientKey) // 클라이언트 키로 초기화하기</p>

<p>    tossPayments.requestPayment('카드', { // 결제 수단

      // 결제 정보

      amount: 1,

      orderId: '57X7NTi_6qTWksTpuW6o7',

      orderName: '토스 티셔츠 외 2건',

      customerName: '박토스',

      successUrl: '<a href="http://javaf.kr/test3.php'," target="_blank" rel="noopener noreferrer">http://javaf.kr/test3.php',</a>

      failUrl: '<a href="http://javaf.kr/test2.php'," target="_blank" rel="noopener noreferrer">http://javaf.kr/test2.php',</a>

      flowMode: 'DIRECT',

      easyPay: '토스페이'

    })</p>

<p>  </script></p>

<p>

 

페이지가 로딩괴면 자동실행(?)이 되네요.

 

보통 쇼핑몰에서 사용하는 것 처럼

토스페이 아이콘을 클릭해서 결제창이 나오게 하려면 어떻게 해야 하나요?

 

 

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

답변 2개

채택된 답변
+20 포인트
플라이
2년 전

이건 스크립트로 페이지 호출시 클릭되면 열리는 구조로 제작된거라

만약 버튼클릭시 처리하려면 
<script>

    var clientKey = 'test_ck_Z0RnYX2w532gxz2jkPVNeyqApQEJ'
   var tossPayments = TossPayments(clientKey) // 클라이언트 키로 초기화하기

 

   $('button').click(function(){

   tossPayments.requestPayment('카드', { // 결제 수단
      // 결제 정보
      amount: 1,
      orderId: '57X7NTi_6qTWksTpuW6o7',
      orderName: '토스 티셔츠 외 2건',
      customerName: '박토스',
      successUrl: 'http://javaf.kr/test3.php',
      failUrl: 'http://javaf.kr/test2.php',
      flowMode: 'DIRECT',
      easyPay: '토스페이'
    })
   });
</script>

 

button 으로 처리된 태그값을 클릭시 실행되도록 처리하거나 class 나 id값으로 처리 가능한 부분입니다.

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

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

위의 소스는 자동 실행되는게 아닌것 같고

실행되려면 트리거가 필요합니다.

예를들면 onclick 등 로딩되면 보이게 하려면 다른 내용이 필요합니다

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

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

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

로그인