Braintree - paymentMethodNonceReceived không được gọi

Question

Tôi đã thiết lập giao diện người dùng dropin cho braintree. Tôi có thể thấy giao diện người dùng. Trước đó, tôi đã tạo khách hàng và tôi có thể thấy khách hàng trên hộp cát-braintree. Bây giờ tôi muốn thêm phương thức thanh toán cho khách hàng. Tôi đang cố gắng sau mã, nhưng paymentMethodNonceReceived không được gọi. Không chắc chắn lý do tại sao.

braintree.setup("<?=CLIENT_TOKEN_FROM_PHP?>", 
    "dropin", 
    { 
     container: "divBrainTreeContainer", 
     paymentMethodNonceReceived: function (event, nonce) { 
     console.log(nonce); 
     $('#formProfile').append('<input type="hidden" name="payment_method_nonce" value="'+nonce+'" />'); 
     $('#formProfile').submit(); 
     } 
    } 
); 

Answer 1

Theo nhận xét của @ kdetella, có phải là một nút submit bên trong phần tử <form> nhận phương thức thanh toán nonce.

Answer 2

Tôi đang sử dụng dưới đây Javascript và nó làm việc tốt:

braintree.setup(clientToken, "custom", { 
    id: "my-sample-form", 
    hostedFields: { 
     number: { 
     selector: "#card-number" 
     }, 
     cvv: { 
     selector: "#cvv" 
     }, 
     expirationMonth: { 
     selector: "#expiration-month" 
     }, 
     expirationYear: { 
     selector: "#expiration-year" 
     }, 
    },onPaymentMethodReceived:function(nonce){ 
     console.log(JSON.stringify(nonce)); 
     return false; 

    } 
    } 

     ); 

Trên cung cấp cho dưới đây phản ứng và KHÔNG gửi biểu mẫu:

{"nonce":"ff2662e1-f1fd-42a3-a16f-d8f3213a2406","details":{"lastTwo":"11","cardType":"Visa"},"type":"CreditCard"} 

phương tiện sử dụng onPaymentMethodReceived thay vì paymentMethodNonceReceived

Cảm ơn http://www.web-technology-experts-notes.in/2015/06/braintree-payment-gateway-integration.html

Answer 3

https://github.com/braintree/braintree-web/issues/58

Đối với hội nhập tùy chỉnh với nhiều phương thức thanh toán, sử dụng onSuccess thay vì onPaymentMethodReceived.

braintree.setup(TOKEN, 'custom', { 
    id: 'checkout', 
    paypal: { 
    container: 'paypal-container', 
    onSuccess: function (nonce, email) { 
     // This will be called as soon as the user completes the PayPal flow 
     // nonce:String 
     // email: String 
    } 
    }, 
    onPaymentMethodReceived: function(obj) { 
    // This will be called when the user submits the form 
    } 
});