javascript - AngularJS 拦截 Braintree 支付表单提交

Question

在简单的 javascript 嵌入式 UI 中，当 form正在提交，braintree.js 将拦截表单提交并在表单实际提交到服务器之前插入一个名为“payment_method_nonce”的隐藏字段。

但是，当使用 AngularJS 作为前端框架时，我一般不希望表单提交直接到服务器然后重新加载页面。相反，我希望我的 AngularJS 函数拦截并处理表单提交(例如，通过 ng-click 或 ng-submit)，并且在其处理过程中它需要检索和使用“payment_method_nonce”值。

我试过了，还是可以拦截表单提交的。但是，似乎 AngularJS 在 braintree.js 提交表单之前拦截了表单提交并插入了“payment_method_nonce”字段。

因此，我响应表单提交的 AngularJS 代码无法检索该“payment_method_nonce”字段并执行适当的处​​理。关于如何解决这个问题有什么建议吗？

谢谢!

Answer 1

在阅读了更多 braintree 文档后，事实证明在设置 braintree 网关时注册一个 paymentMethodNonceReceived 回调是正确的方法!