Mit Jquery AJAX eine Stripe-Zahlung tätigen? (NUR Javascript)
Ich versuche, ein benutzerdefiniertes Zahlungsformular für Stripe zu erstellen, und ich möchte Stripe manuell über AJAX aufrufen. (anstelle eines Submit-Ereignisses)
Als erstes bin ich mir ziemlich sicher, dass ich es an der falschen Stelle poste. Aber ich kann nicht herausfinden, an welche URL ich diese Post-Anfrage senden soll.
Wenn ich die richtige URL verwende. Ich bekomme ein405 not allowed
Antwort. Ohne Informationen darüber, was mit meiner Anfrage nicht stimmt.
Hier ist was ich habe:
Stripe.setPublishableKey('pk_test_12345');
Stripe.card.createToken({
number: ccNum,
cvc: ccCVC,
exp_month: ccMonth,
exp_year: ccYear
}, stripeResponseHandler);
Dieser Teil funktioniert einwandfrei, gibt mir den Status 200 OK und ich habe ein Token vom Server zurückbekommen.
function stripeResponseHandler(status, response) {
console.log('card status: ', status);
console.log('token: ', response.id);
$.ajax({
type: 'POST',
url: 'https://checkout.stripe.com/checkout.js',
headers: {
stripeToken: response.id
},
data: {
number: ccNum,
cvc: ccCVC,
exp_month: ccMonth,
exp_year: ccYear
},
success: (response) => {
console.log('successful payment: ', response);
},
error: (response) => {
console.log('error payment: ', response);
}
})
}
Dies gibt mir jedoch die 405 nicht erlaubt. Mir kommt es ein bisschen komisch vor, dass der Endpunkt eine .js-Datei ist. Aus diesem Grund gehe ich davon aus, dass ich die falsche URL erhalten habe.
Kann mir jemand helfen, herauszufinden, wie man eine manuelle Post-Anfrage für eine Stripe-Zahlung macht?