как назначить переменную js переменной php без отправки формы - PullRequest
0 голосов
/ 16 апреля 2019

Я пытаюсь интегрировать проверку Stripe. Я использую https://checkout.stripe.com/checkout.js.
У меня есть поле ввода суммы в форме, и я хочу передать значение этого поля ввода в скрипт Stripe. <input id="amount" name="amount" type="text" class="form-control" placeholder="Enter amount" onKeyUp="calculate()" pattern="^[0-9]*$">

Вот сценарий моих полос

        <script
        src="https://checkout.stripe.com/checkout.js" class="stripe-button"
        data-key="<?php echo $stripedetails['publishable_key']; ?>"
        data-amount="1000"//<-Amount here 
        data-name="KAEM Technologies USA, Inc"
        data-email="<?php echo $email;?>"
        data-currency="<?php echo $curr_code; ?>"
        data-description="Widget"
        data-image="https://stripe.com/img/documentation/checkout/marketplace.png"
                            data-locale="auto">
                          </script>

Я пытался использовать COOKIES, я пытался назначить var функции js php, используя

  var x = document.getElementById('amount').value;
  <?php $amount = "<script>document.write(x)</script>";?>

Так как я могу передать значение поля ввода в сценарий полосы без отправки формы. Спасибо
@ barmar вот код, который я пробовал:

 <button type="submit" id="custombutton" class="btn btn-primary" ><i class="fa fa-cc-stripe"></i>&nbsp;Pay Via Card&nbsp;&nbsp;</button>
                         <script src="https://checkout.stripe.com/checkout.js"></script>
                          <script>
                            var handler = StripeCheckout.configure({
                              key: 'pk_test_DzL83GJnn9U4lMBuk311P1hK0026zJJrLW',
                              image: 'https://stripe.com/img/documentation/checkout/marketplace.png',
                              locale: 'auto',
                              token: function(token) {
                                // You can access the token ID with `token.id`.
                                // Get the token ID to your server-side code for use.
                              }
                            });

                            document.getElementById('customButton').addEventListener('click', function(e) {
                              // Open Checkout with further options:
                              handler.open({
                                name: 'KAEM Technologies (USA), Inc.',
                                description: '2 widgets',
                                amount: 2000
                              });
                              e.preventDefault();
                            });

                            // Close Checkout on page navigation:
                            window.addEventListener('popstate', function() {
                              handler.close();
                            });
                            </script>

Это правильно?

1 Ответ

0 голосов
/ 16 апреля 2019

Используйте "пользовательскую" интеграцию, описанную здесь , где вы вызываете методы извлечения Stripe из JavaScript вместо того, чтобы помещать все в тег <script>.

Затем можно заполнить amount: параметр из формы.

document.getElementById('customButton').addEventListener('click', function(e) {
  // Open Checkout with further options:
  handler.open({
    name: 'KAEM Technologies USA, Inc',
    description: 'Widget',
    amount: document.getElementById('amount').value,
    email: "<?php echo $email;?>"
  });
  e.preventDefault();
});
...