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?