Можно ли совершать оплату через полосу, используя JavaScript или jQuery? - PullRequest
Новая
       11

Можно ли совершать оплату через полосу, используя JavaScript или jQuery?

0 голосов
/ 24 января 2019

Я пытаюсь произвести оплату через полосу в hubspot, используя jquery или javascript. Мой код: 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
<script src="https://checkout.stripe.com/checkout.js"></script>
<script src="https://js.stripe.com/v3/"></script>

<form id="myForm" action="" method="POST">
  <input type="text" id="amountInDollars" />
  <input type="hidden" id="stripeToken" name="stripeToken" />
  <input type="hidden" id="stripeEmail" name="stripeEmail" />
  <input type="hidden" id="amountInCents" name="amountInCents" />
</form>

<input type="button" id="customButton" value="Pay">

<script>
var handler = StripeCheckout.configure({
  key: 'pk_test_******************',
  image: 'https://stripe.com/img/documentation/checkout/marketplace.png',
  token: function(token) {
    $("#stripeToken").val(token.id);
    $("#stripeEmail").val(token.email);
    $("#amountInCents").val(Math.floor($("#amountInDollars").val() * 100));
    $("#myForm").submit();
  }
});

$('#customButton').on('click', function(e) {
  var amountInCents = Math.floor($("#amountInDollars").val() * 100);
  var displayAmount = parseFloat(Math.floor($("#amountInDollars").val() * 100) / 100).toFixed(2);
  // Open Checkout with further options
  handler.open({
    name: 'p1',
    description: 'Custom amount ($' + displayAmount + ')',
    amount: amountInCents,
  });
  e.preventDefault();
});

// Close Checkout on page navigation
$(window).on('popstate', function() {
  handler.close();
});

</script>

Итак, мой вопрос здесь, возможно ли реализовать модуль оплаты полосой, используя javascript или jquery ??если да, то, что я делаю не так, я не могу понять это.мой код работает без ошибок, но тестовые данные не отображаются в учетной записи полосы.

Ответы [ 3 ]

0 голосов
/ 24 января 2019

Да, есть возможность предоставить примеры JavaScript, также вы можете перейти по следующей ссылке https://stripe.com/docs/stripe-js

0 голосов
/ 24 января 2019

Это работает, но это не очень хорошая практика.Не используйте это для реального проекта.Я нуждался в этом для среды тестирования только переднего плана

Наконец-то я нашел полезную документацию по адресу: https://stripe.com/docs/api#create_charge

$.ajax({
        type: 'POST',
        url: 'https://api.stripe.com/v1/charges',
        headers: {
          Authorization: 'Bearer sk_test_YourSecretKeyHere'
        },
        data: {
          amount: 3000,
          currency: 'usd',
          source: response.id,
          description: "Charge for madison.garcia@example.com"
        },
        success: (response) => {
          console.log('successful payment: ', response);
        },
        error: (response) => {
          console.log('error payment: ', response);
        }
      })

Пожалуйста, попробуйте решение, которое отлично подходит для меня

0 голосов
/ 24 января 2019

Конечно, это возможно, вы можете использовать оформление заказа только для клиента , руководство довольно простое :) вы можете добавить его на свою страницу, создав форму на панели инструментов Stripe

...