javascript - 将自定义字段用于 braintree 的托管字段和插入

Question

我想知道是否可以使用自定义表单进行 braintree 支付集成。按照习惯，我的意思是这样的:

<form id="payment-form" method="post" action="/checkout.php">
  <div id="customField>{$customField;}</div>
  <div id="customField2>{$customField2;}</div>
  <input type="submit" value="PAY">
</form>

<script src="https://js.braintreegateway.com/js/braintree-2.31.0.min.js"></script>
<script>
var clientToken = "";
braintree.setup("clientToken", "dropin", {
  container: "payment-form"
});
</script>

我想将我的自定义字段发布到 checkout.php，但该表单似乎只返回付款方式随机数。我也不想将这些自定义值中的任何一个存储在 braintree 的保险库中。 Checkout.php 只是将数组中先前表单中的所有值(包括收到的付款方式随机数)加在一起，并将这些值传递给 .NET 服务器。那么有没有办法将这些值传递给 checkout.php？

Answer 1

使用 Braintree's Custom Fields 看起来这当然是可能的

不过，根据您的 Braintree.setup，您似乎没有正确格式化表单以填充 Drop-In。您在 braintree.setup 中指定的container 将关联到一个 div 元素，该元素又将成为插入项，而不是完整付款表单的 ID。

所以，如果你有一个看起来像的表单；

<form>
<div id="dropin-container"></div>
</form>

，你希望你的 braintree.setup 看起来像；

braintree.setup('CLIENT-TOKEN-FROM-SERVER', 'dropin', {container: 'dropin-container'});

为了将 DIV“dropin-container”转换为 Drop In。

尽管自定义字段可以包含在表单中，但您需要将它们简单地设为 HTML Input 元素，而不是 div 元素，它们将与 nonce 一起返回到您的服务器。

希望这对您有所帮助!