JSFiddle - React, Tailwind, and code Playground

by dipeshbeckham

JavaScript

var elements = stripe.elements();
        var prButton = elements.create('paymentRequestButton', {
          paymentRequest: paymentRequest,
        });
        
        paymentRequest.canMakePayment().then(function(result) {
          if (result) {
            prButton.mount('#payment-request-button');
          } else {
            document.getElementById('payment-request-button').style.display = 'none';
          }
        });
  
        paymentRequest.on('token', function(ev) {

          $('.loader').show();
          $('#result').hide();
          reg = $('#registration').text();

          $.ajax({
            type: 'POST',
            data: JSON.stringify({
              token: ev.token.id,
              price: price,
              data: ev,
              address: ev.shippingAddress,
              reg: reg
            }),
            headers: {
              'content-type': 'application/json'
            },
            url: 'charges.php',
            success: function(data) {
                console.log(data);
                var obj = $.parseJSON(data);
                window.scrollTo(0, 0);
                $('.loader').hide();
                $('#ajax-response').html(obj['html']);
                ev.complete('success');
            },
            error: function(errors) {
              ev.complete('fail');
            }
          });
      });