티지김•3y ago

결제모달창 취소 이벤트

안녕하세요. 혹시 토스 결제창을 닫았을경우, 인지할 수 있는 방법이 있을지 문의드립니다! 감사합니다.

6 Replies

토스페이먼츠 BOT•3y ago

⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다

오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.

- 주문번호(orderId) : - 문의 내용 :

(img를 함께 첨부해주시면 도움이됩니다)

* 계약관련 내용은 1544-7772로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.

Kimoon Lee•3y ago

https://docs.tosspayments.com/reference/js-sdk#응답-처리

일반 결제 JavaScript SDK | 토스페이먼츠 개발자센터

토스페이먼츠 일반 결제 JavaScript SDK 사용을 위한 준비와 메서드 사용법, 결제 실패 및 에러 처리 방법을 알아봅니다.

Kimoon Lee•3y ago

여기를 참고하시면되고 창을 닫으면 에러코드가 USER_CANCEL 로 전달됩니다. 링크에 이코드대로 구현하시면 됩니다. // * 결제 정보 파라미터로 넘긴 카드 코드가 유효하지 않을 때 tossPayments .requestPayment('카드', { // 결제 정보 파라미터 }) .catch(function (error) { if (error.code === 'USER_CANCEL') { // 결제 고객이 결제창을 닫았을 때 에러 처리 } else if (error.code === 'INVALID_CARD_COMPANY') { // 유효하지 않은 카드 코드에 대한 에러 처리 } })

티지김OP•3y ago

밤늦게 확인 감사합니다! 아주 잘 되네요.

토스페이먼츠 BOT•3y ago

❤️ 기술문의 경험이 어떠셨나요?!

간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.

Ayaan이안•3y ago

첨언하자면, async/await을 유연히 사용하는 환경에서는 SDK가 현재 Promise객체이므로 아래와 같이 구현하실 수도 있습니다.

try {
  await tossPayments.requestPayment('CARD', {
    // Payments Information Parameter
  })
} catch (e) {
  if (e.code === "USER_CANCEL") {
    // customer is closed a window
  } else if (error.code === 'INVALID_CARD_COMPANY') {
    // invalid card company code
  } else {
    // Unexpected Error
  }
}

try {
  await tossPayments.requestPayment('CARD', {
    // Payments Information Parameter
  })
} catch (e) {
  if (e.code === "USER_CANCEL") {
    // customer is closed a window
  } else if (error.code === 'INVALID_CARD_COMPANY') {
    // invalid card company code
  } else {
    // Unexpected Error
  }
}

단 IE에서는 async/await Promise 객체가 정상 작동하지 않음을 참고해 주세요.

결제모달창 취소 이벤트

Did you find this page helpful?