Интеграция Stripe Simple Checkout с кнопкой отмены

Я пытаюсь интегрировать Stripe со своим веб-сайтом с помощью «простой» проверки, как описано на https://stripe.com/docs/checkout. Я создал сводную страницу, на которую добавил тег скрипта. Это показывает Pay With Card, и он работает нормально.

Однако мне нужна кнопка «Отменить» или «Назад» на этой сводной странице, чтобы дать пользователю возможность вернуться на предыдущую страницу или отменить онлайн-бронирование. Но даже при нажатии этой другой кнопки открывается всплывающее окно «Платеж», и оно не вызывает событие кнопки «Назад».

Что мне не хватает? Почему даже другие кнопки перехватываются Stripe JS. Пожалуйста помоги.

Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
0
0
1 328
1

Ответы 1

Simple Checkout позволяет пользователю ввести свою кредитную карту, затем создает токен, а затем немедленно отправляет <form></form>, который его включает. Если вам нужна большая настраиваемость, вам нужно использовать интеграцию Индивидуальный заказ.

При пользовательской интеграции пользователю предоставляется Checkout, Stripe генерирует токен, а затем вам решать, что делать дальше - вы можете написать JS в обратном вызове создания токена, чтобы добавить скрытое поле с токеном и затем немедленно отправьте форму, или вы можете вернуть пользователя на свою сводную страницу и дождаться, пока пользователь предоставит дополнительное подтверждение, прежде чем отправлять форму, или «вернуться».

var handler = StripeCheckout.configure({
  key: 'pk_test_xxxyyyyzz',
  token: function(token) {
    // You can access the token ID with `token.id`.
    // Do something with that token (append a hidden input + submit the form?)
  }
});

Спасибо за ответ. Да, я могу использовать индивидуальную интеграцию. Однако я не понимаю, почему другая моя кнопка на странице, где интегрирован Stripe Checkout JS, не отправляет на сервер, как обычная кнопка asp.net. Почему даже это открывает всплывающее окно оплаты? Stripe JS должен связываться только с созданным им вводом, то есть кнопкой Pay With Card ...

Milind Thakkar 12.11.2018 14:13

Ха, я не видел такого поведения раньше при интеграции Stripe - еще одной кнопки на странице, открывающей простую интеграцию Stripe Checkout. Если вы видите это, возможно, стоит отправить ссылку или пример кода в Stripe.

duck 12.11.2018 18:32

Спасибо, напишу в полосу поддержки.

Milind Thakkar 12.11.2018 20:11

Другие вопросы по теме