Hello All,
I’m using Braintree JS for payment in my app. I use the Drop-In view for the payments and I have them with an ionic modal view. My issue is on the form submittion, the page redirects to the server and leaves the app. I have an idea of a couple ways to get around this using jquery submit() but I’m wondering if this is necessary or going to bite me in the future. I’m open to a better solution or something more suitable. I use php backend with ionic front end.
Also, if there’s something out there that may be better altogether (other than Braintree), I’m open to that as well if it’s better for ionic. Just looking for some guidance so I’m not reinventing the wheel or wasting time.
EDIT: Code below…
<div class="passDiv"> <form id="checkout" action="myserver.com/sale.php" method="post"> <braintree-dropin></braintree-dropin> <div class="text-center"> <input class="button button-positive" type="submit" value="Pay" > <button class="button button-stable" ng-click="closeModal()">Cancel</button> </div> </form> </div>
$nonce = $_POST[“payment_method_nonce”];
$result = Braintree_Transaction::sale([
“amount” => ‘97.00’,
“paymentMethodNonce” => $nonce
]);
if($result->success){
echo "Success! Trx Id: " . $result->transaction->id;
}else if ($result->transaction){
echo("Error: " . $result->message);
echo(“Code: " . $result->transaction->processorResponseCode);
}else{
echo “Validation Errors:”;
foreach(($result->errors->deepAll()) as $error){
echo(”- " . $error->message );
}
After the trx returns I get the php page and its outside the app. Any suggestions?