BrainTree Hosted Fields onPaymentMethodReceived Funktion funktioniert nicht Rückgabe Nonce

Question

Ich habe eine harte Zeit herausfinden, warum die onPaymentMethodReceived in einem gehosteten Feldern keine Werte zurückgibt. `

<form action="" id="my-form" method="post"> 
     <label for="a">Amount</label> 
     <div id="amount"> 
      <input type="text" name="amount" value="400" id="amount" /> 
     </div> 

     <label for="card-number">Card Number</label> 
     <div id="card-number"> 
      <input type="text" name="cardNumber" value="4111111111111111" id="cardNumber" /> 
     </div> 

     <label for="cvv">CVV</label> 
     <div id="cvv"> 
      <input type="text" name="CVV" value="020" id="cv-v" /> 
     </div> 
     <label for="expiration-month">Expiration Month</label> 
     <div id="expiration-month"> 
      <input type="text" name="expirMonth" value="10" id="expirMonth" /> 
     </div> 

     <label for="expiration-year">Expiration Year</label> 
     <div id="expiration-year"> 
      <input type="text" name="expirYear" value="20" id="expirYear" /> 
     </div> 
     <input type="submit" value="Pay" id="btn_submit"/> 
    </form> 

<script> 
    var nonce0 ; 
    braintree.setup(clientToken, "custom", 
    { 
     id: "my-form", 
     hostedFields: { 
      number: { 
       selector: "#card-number" 
      }, 
      cvv: { 
       selector: "#cvv" 
      }, 
      expirationMonth: { 
       selector: "#expiration-month" 
      }, 
      expirationYear: { 
       selector: "#expiration-year" 
      }, 
     }, 
     onPaymentMethodReceived:function(nonce){ 
      console.log("in onPaymentMethodReceived"); 
      console.log(nonce); 
      nonce0 = nonce; 
      alert('OnPaymentMR'); 
      console.log(JSON.stringify(nonce)); 
      return false; 
     }, 
     onError :function(obj){ 
      alert('onError'); 
      console.log(JSON.stringify(obj)); 
    } 
    }); 
    console.log('BTree = '+ nonce0); 
    </script> 

` Ich wollte die Nonce zurück zu speichern, aber nichts geschieht, console.log wird keinen Wert zeigt. Auch der onError tut nichts.
Mit Haltepunkten kann ich sagen, dass die versteckte Nonce zurückkommt, aber die Callback-Funktion nicht ausgelöst wird.
Ich habe es mit der Dropin-UI versucht und es funktioniert und ich kann die Nonce von der onPaymentMethodReceived erhalten. Nicht sicher, was ich falsch mache.

Answer 1

_{Vollständige Offenlegung: Ich als Entwickler arbeiten für Braintree}

Wenn Felder gehosteten sollte die Form umfassen nur einen div container for each payment field. Ihre Implementierung würde etwa so aussehen:

Das Braintree Setup-Skript wird dann iFrames rendern, um Zahlungsfeldeingaben zu verarbeiten. Wenn Sie weiterhin Probleme haben, können Sie sich jederzeit an Braintree support wenden.

Answer 2

In "onPaymentMethodReceived" -Methode müssen Sie "nonce.nonce" var versuchen, Nonce in Antwort zu überprüfen. wie -

onPaymentMethodReceived:function(obj) { 
    var nonce_from_braintree = obj.nonce     
} 

Auch können Sie folgenden Link überprüfen detaillierteren Skript zu bekommen braintree Payment Gateway Integration mit gehosteten Feld zu manipulieren.

http://www.ilovephp.net/php/simple-braintree-paypal-payment-gateway-integration-in-php-with-demo-examples/

hoffe das hilft dir ... :)