ストライプ/チェックアウトでメールアドレスを事前入力する

Question

私はStripe/Checkoutを支払いを受け入れるためにサイト上で使用しています。彼らは、Webページに埋め込む以下のスクリプトを与えるようストライプは、この方法を使用することはかなり簡単です：

<form id="monthly" action="/subscribe" method="POST"> 
    <script 
    src="https://checkout.stripe.com/checkout.js" class="stripe-button" 
    data-key="pk_test_xxxxxxxxx" 
    data-image="http://mywebsite.com/assets/img/logo_raw.png" 
    data-name="My Website" 
    data-description="Monthly Subscription" 
    data-amount="6900" 
    data-email="email@example.com" 
    data-allow-remember-me=false 
    data-label="Subscribe" > 
    </script> 
</form> 

私は何をできるようにしたいことは事前移入メールアドレス値（データ-メール=です"email@example.com"）を私のcustom.js jQueryスクリプトにある変数で置き換えます。私はjQueryに堪能ですが、この組み込みスクリプトをjQueryで変更できますか？

Answer 1

あなたがcustom integrationを使用する必要があり、このような何か：

<script src="https://checkout.stripe.com/checkout.js"></script> 

<button id="customButton">Purchase</button> 

<script> 
    var email = "customer@example.com"; // or use jQuery to dynamically populate the variable 

    var handler = StripeCheckout.configure({ 
    key: 'pk_test_...', 
    image: 'https://stripe.com/img/documentation/checkout/marketplace.png', 
    locale: 'auto', 
    token: function(token) { 
     // You can access the token ID with `token.id`. 
     // Get the token ID to your server-side code for use. 
    } 
    }); 

    $('#customButton').on('click', function(e) { 
    // Open Checkout with further options: 
    handler.open({ 
     name: 'Stripe.com', 
     description: '2 widgets', 
     amount: 2000, 
     email: email 
    }); 
    e.preventDefault(); 
    }); 

    // Close Checkout on page navigation: 
    $(window).on('popstate', function() { 
    handler.close(); 
    }); 
</script>