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分开。 / p>

干杯

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发送表单

1 个答案: