Opaya PI (formerly sagepay) Integration woes

[Calljj]

Thought i'd carry on down the line of a seperate form to get over the sagepay.js eventlistener submit.

Button click initiates the form, which gets the post info that i want back from opayo, and sends it to a file as below:

   
<form name="opayo" id="opayo" target="output_frame" onsubmit="return checkout();"  action="/includes/modules/pages/checkout_payment/opayo.php"method="post" > 
    <button id="card-button" type="click" hidden></button></form>
</form>
<iframe name="output_frame" src="" id="output_frame" width="0" height="0">
</iframe>

in the /includes/modules/pages/checkout_payment/opayo.php there is just a line to grab the info and write to session, but the session value isn't being written.
Any ideas to overcome? As soon as session can be grabbed, module will be working as desired.

///get the post card identifier from opayo
$_SESSION['card-identifier'] =$_POST['card-identifier'];

the onsubmit="return checkout();" simply calls the requestsubmit method to proceed to confirmation page

 function checkout(){
  document.forms["checkout_payment"].requestSubmit();   
 }

[Calljj]

ok, so digging into the intricacies of javascript forms.... found out that the onsubmit fires before the action, so the call was being made to goto next page and was loading before the post data had returned to place into the session, so was never seen. quite hard to find during debug as when checking if the post page was getting the response, it of course was...

so just added a short time wait to the function

  function checkout(){
   setTimeout(() => {   document.forms["checkout_payment"].requestSubmit(); }, 1500);
 }

[Calljj]

Happy to report had this up and running really well for a month now on 2 different sites and both the applepay express checkout button (auto account creaction etc), and the PI form are working well. I'll spend some time to get packaged up and will submit for upload.

[swguy]

Thank you! This will be useful for UK users.