Итак, я пытался получить для меня специальную форму оформления заказа. Я не смог использовать простую версию, так как мне нужно было изменить сумму, подлежащую уплате, и описание для каждой покупки, где стандартная форма оформления заказа на полоску имеет только установленные значения для этих двух переменных, которые нельзя изменить. Однако я не хочу использовать пользовательскую форму, я просто хочу оформить заказ, используя стандартную форму. Моя проблема заключается в попытке отправить эти данные на сервер, я пробовал множество различных методов, но я просто не могу заставить их работать. Вот мой код:
<p><input id="buy-submit-button" class="button" type="submit" value="チェックアウト"></input></p>
<script>
var handler = StripeCheckout.configure({
key: 'pk_test_g6do5S237ekq10r65BnxO6S0',
locale: 'auto',
token: function(token) {
//don't know what needs to go here
}
});
document.getElementById("buy-submit-button").addEventListener('click', function(e) {
setTimeout(function(){
var totalCost = 0;
var totalCartLoad = "";
totalCost = localStorage.getItem('totalCartPrice');
totalCartLoad = localStorage.getItem('whatsInCart');
totalCartLoad = totalCartLoad.replace('undefined','');
// Open Checkout with further options:
handler.open({
name: "チェックアウト",
description: totalCartLoad,
shippingAddress: true,
billingAddress: true,
zipCode: true,
allowRememberMe: true,
currency: 'JPY',
amount: totalCost
});
e.preventDefault();
}, 500);
});
// Close Checkout on page navigation:
window.addEventListener('popstate', function() {
handler.close();
});
</script>
Так что я просто повторю это снова. Все, что я хочу сделать, это использовать форму полосы по умолчанию, которая появляется, когда вы нажимаете кнопку, а затем отправляете ее на сервер, как правильно это сделать?