使用Braintree Dropin UI "braintree未定义“
使用Braintree Dropin UI "braintree未定义“
提问于 2019-01-06 23:29:43
我正试图遵循Braintree集成的基本原理，我在一个接一个的绊脚石上遇到了绊脚石，看到了流程的运行。
现在，我正在尝试查看Braintree的dropin UI，并使用它们的代码，复制和粘贴我正在遇到的
"braintree没有定义“
当执行braintree.dropin.create时。
<div id="dropin-container"></div>
<button id="submit-button">Purchase</button>
<script src="https://js.braintreegateway.com/web/dropin/1.14.1/js/dropin.min.js"></script>
<script>
var submitButton = document.querySelector('#submit-button');
braintree.dropin.create({
authorization: 'CLIENT_AUTHORIZATION',
container: '#dropin-container'
}, function (err, dropinInstance) {
if (err) {
// Handle any errors that might've occurred when creating Drop-in
console.error(err);
return;
}
submitButton.addEventListener('click', function () {
dropinInstance.requestPaymentMethod(function (err, payload) {
if (err) {
// Handle errors in requesting payment method
}
// Send payload.nonce to your server
});
});
});
</script>有没有人对如何让这个机器人工作有任何建议？
编辑:就开发堆栈而言，我在Django环境中创建它，并使用JavaScript库和Python进行测试。这个特定的实现我试图使用javascript库。
回答 2
Stack Overflow用户
回答已采纳
发布于 2019-01-12 19:20:26
我通过重新开始并使用以下代码解决了自己的问题：
https://developers.braintreepayments.com/start/hello-client/javascript/v3
<head>
<meta charset="utf-8">
<script src="https://js.braintreegateway.com/web/dropin/1.14.1/js/dropin.min.js"></script>
</head>
<body>
<div id="dropin-container"></div>
<button id="submit-button">Request payment method</button>
<script>
var button = document.querySelector('#submit-button');
braintree.dropin.create({
authorization: 'CLIENT_TOKEN_FROM_SERVER',
container: '#dropin-container'
}, function (createErr, instance) {
button.addEventListener('click', function () {
instance.requestPaymentMethod(function (err, payload) {
// Submit payload.nonce to your server
});
});
});
</script>
</body>然后，我通过Python提供了CLIENT_TOKEN_FROM_SERVER。很管用。
Stack Overflow用户
发布于 2020-12-15 17:44:09
我也遇到了类似的问题，一旦页面被加载，问题就消失了，我就将dropin.create的代码移除。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54066865
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号