如何在使用 Stripe 提交数据之前获取最后 4 位数字

Question

我想要实现的是在提交之前能够在摘要中显示卡片的最后 4 位数字。

我有一个结帐页面（4），在第三步中我填写了卡信息，当我进入第四步时，我希望能够显示显示卡最后 4 位数字的摘要。

在我所有的研究中，我发现向我显示卡信息（last4）是在提交之后，通过stripeToken或客户，例如在这个问题Getting Last4 Digits of Card using Customer Object - Stripe API with PHP

// Get the credit card details submitted by the form
$token = $_POST['stripeToken'];

// Create a Customer
$StripeCustomer = \Stripe\Customer::create(array(
          "description" => "$username",
          "card" => $token
));
$last4 = $StripeCustomer->sources->data[0]->last4;

我尝试做的另一件事是使用 WP 用户 ID 创建客户

$customer_id =  get_user_meta(get_current_user_id(), '_pw_stripe_user_id', true);
$customer = new \WC_Stripe_Customer($customer_id);

但它返回给我一个默认的空客户，所以我没有最后一个，我认为这是因为在提交之前没有这样的客户。

我无法访问输入值，因为它是 Stripe 在表单中插入的 iframe。

那么有什么方法可以在提交前获得 last4 吗？提前谢谢。

Answer 1

如果您使用自定义版本的 Checkout，您可以轻松做到这一点，只需在您的 token 回调中获取 token.card.last4。如果您愿意，您可以在选择将令牌token.id 提交到后端之前向您的用户显示此内容或任何类型的摘要。

示例：http://jsfiddle.net/9mgqzuL1/

token: function(token) {
    console.log(token);
    document.getElementById('last4').innerHTML = token.card.last4;
    // you'd then want to do something with token.id and submit your form
  }