호토페이 (hotopay) 바로구매 버튼 만들기

HTML 내용 (버튼)

<button class="ht-cart-button directPurchase" data-product-srl="{$oProduct->product_srl}">구매하기</button>
<button class="ht-cart-button addCart" data-product-srl="{$oProduct->product_srl}">장바구니에 담기</button>

JS 내용

jQuery(document).ready(function($) {
  $('.addCart').click(function() {
    const product_srl = $(this).data('product-srl');
    const option_srl = $('#option_srl').val();
    const quantity = $('#quantity').val();

    $.post('/hotopay/cart/add', {
      product_srl, option_srl, quantity
    }, function(data) {
      if (data.error == 0) {
        if (confirm('장바구니에 추가되었습니다. 장바구니로 이동하시겠습니까?')) {
          window.location.href = '/hotopay/cart';
        }
      } else if (data.message == '이미 장바구니에 담겨있는 상품입니다.') {
        if (confirm('이미 담긴 상품입니다. 장바구니로 이동할까요?')) {
          window.location.href = '/hotopay/cart';
        }
      } else {
        alert(data.message);
      }
    });
  });

  $('.directPurchase').click(function() {
    const product_srl = $(this).data('product-srl');
    const option_srl = $('#option_srl').val();
    const quantity = $('#quantity').val();

    $.post('/hotopay/cart/add', {
      product_srl, option_srl, quantity
    }, function(data) {
      if (data.error == 0 || data.message === '이미 장바구니에 담겨있는 상품입니다.') {
        window.location.href = '/hotopay/checkout';
      } else {
        alert(data.message);
      }
    });
  });
});

꼼수인데요, 이런식으로 js로 장바구니 담기 -> 결제하기를 한 번에 처리하는걸로 바로 구매기능을 구현할 수 있습니다.