Braintree Drop-in UI - 使用 AJAX 发送表单

Question

我正在尝试实施 Braintree Drop-in UI，我想使用自定义 jQuery ajax 方法发送表单。以前，我曾经使用 jQuery serialize() 方法发送（非插入式 UI）表单，但是对于新的（动态加载的）Dropin UI 表单 serialize()方法似乎不起作用（payment_method_nonce 值设置为空）。但是，通过基本 html 表单（没有 ajax）发送表单似乎工作正常，所以我的 payment_method_nonce 就在那里，它只是在途中迷路了。

如何确保 serialize() 方法不会丢失 payment_method_nonce 值？

或者作为一个更一般的问题，我如何使用 ajax 发送 Drop-in UI 表格？

我知道在执行 braintree.setup 时可以使用 paymentMethodNonceReceived 标志，但这在我的情况下不起作用，因为我需要将发送请求/处理响应的代码与 braintree.setup.

干杯

Answer 1

显然，paymentMethodNonceReceived 方法是最终的选择。创建令牌后，我用它来创建一个隐藏字段，它是表单的一部分，然后可以使用 serialize() 方法毫无问题地对其进行序列化。这是一个代码示例：

<script type="text/javascript">
    braintree.setup("PaymentTokenGoesHere", "dropin", {
        container: "myDiv",
        paymentMethodNonceReceived: function (event, nonce) {
            $('#myForm').append("<input type='hidden' name='payment_method_nonce' value='" + nonce + "'></input>");
            CallAjaxMethod();
        }
    });
</script>

Braintree Drop-in UI - 使用 AJAX 发送表单

Braintree Drop-in UI - send form using AJAX

ajax

jquery

braintree