gpt4 book ai didi

javascript - 使用 Stripe 元素时如何将电子邮件传递给 Stripe ?

转载 作者:行者123 更新时间:2023-11-29 23:07:00 26 4
gpt4 key购买 nike

默认情况下,当在弹出窗口中使用 stripe ( stripe-checkout ) 时,电子邮件字段将作为 card[name] 发送。

但是当我使用 Stripe 元素( Stripe 字段作为内联字段,没有弹出窗口)时,没有电子邮件字段,如果我添加自己的电子邮件字段, Stripe 似乎会忽略它。这会导致在没有电子邮件的情况下将客户添加到 strip 上,这使得识别一个客户与另一个客户变得乏味。

如何修改此代码以将电子邮件传递给 stripe?演示:https://jsfiddle.net/ywain/foc0L56q/

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

<body>
<form action="//httpbin.org/post" method="POST">
<input type="hidden" name="token" />
<div class="group">
<label>
<span>Card</span>
<div id="card-element" class="field"></div>
</label>
</div>
<div class="group">
<label>
<span>Email</span>
<input id="email" name="email" class="field" placeholder="jane.doe@example.com" />
</label>
</div>
<button type="submit">Pay $25</button>
<div class="outcome">
<div class="error"></div>
<div class="success">
Success! Your Stripe token is <span class="token"></span>
</div>
</div>
</form>
</body>
var stripe = Stripe('pk_test_6pRNASCoBOKtIshFeQd4XMUh');
var elements = stripe.elements();
var card = elements.create('card');
card.mount('#card-element');

function setOutcome(result) {
var successElement = document.querySelector('.success');
var errorElement = document.querySelector('.error');
successElement.classList.remove('visible');
errorElement.classList.remove('visible');

if (result.token) {
// In this example, we're simply displaying the token
successElement.querySelector('.token').textContent = result.token.id;
successElement.classList.add('visible');

// In a real integration, you'd submit the form with the token to your backend server
var form = document.querySelector('form');
form.querySelector('input[name="token"]').setAttribute('value', result.token.id);
form.submit();
} else if (result.error) {
errorElement.textContent = result.error.message;
errorElement.classList.add('visible');
}
}

card.on('change', function(event) {
setOutcome(event);
});

document.querySelector('form').addEventListener('submit', function(e) {
e.preventDefault();
stripe.createToken(card).then(setOutcome);
});

最佳答案

您可以在后端代码中执行此操作,而不是在前端 Javascript 中执行此操作。当您的后端从表单发送的 POST 数据中收到支付 token 和电子邮件地址时,您可以在创建客户时使用它来设置 email 属性。 [0] 类似这样(以 PHP 为例)

  $token  = $_POST['token'];
$email = $_POST['email'];

$customer = \Stripe\Customer::create([
'email' => $email,
'source' => $token,
]);

$charge = \Stripe\Charge::create([
'customer' => $customer->id,
'amount' => 5000,
'currency' => 'usd',
]);

[0] - https://stripe.com/docs/api/customers/create#create_customer-email

关于javascript - 使用 Stripe 元素时如何将电子邮件传递给 Stripe ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54571056/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com