我正在使用 Javascript v3 客户端 SDK 中的 Drop in 表单在 Angular JS SPA 中呈现我的信用卡表单,如下所示:
braintree.dropin.create({
authorization: clientToken,
container: '#creditCardForm',
paypal: {
flow: 'vault'
}
}, function (createErr, instance) {
instance.requestPaymentMethod(function (err, payload) {
if (err) {
return;
}
$http
.post('/api/[webAPIPaymentMethod]', JSON.stringify(payload.nonce))
.then(function() {
_showAlert('Payment details were successfully updated.', 'success');
})
}
}
这在 Chrome 和 Firefox 中就像一个魅力,但由于某种原因,IE11 和 Edge 完全崩溃并无限陷入在调用插件requestPaymentMethod
表单 SDK 时似乎出现的情况。
我看到以下内容(从 Braintree 文档中使用的测试信用卡),进度条无限滚动,直到我硬刷新页面才发生其他任何事情。
有人遇到类似的问题吗?我不太确定这里出了什么问题。
更新:我已经联系了 Braintree 支持。我们确实有一个演示此问题的暂存应用程序,但我必须获得适当的许可才能提供指向它的链接。不幸的是,开发控制台上没有任何活动。控制台上没有错误,网络选项卡上没有调用外部 Braintree API 端点。
这一定是关于我们如何在 Angular 应用程序上完成它的,因为此处的 .NET 示例在 Edge 和 IE11 中运行良好。