Authorize.Net integration in a single page app

  • Profile Image
    iviamontes
    Asked on February 20, 2018 at 05:40 PM

    Hi All,

    I am integrating authorize.net form in an SPA app (our checkout app) when a customer submits the form the page is being reloaded and customer lose previous info ( payment is not the latest step, a review page come after the payment step)

      How can I disable the reloading behavior?


    Thanks in advance.


  • Profile Image
    Jan
    Answered on February 20, 2018 at 07:54 PM

    The form needs to be submitted in order to go to the next step or to the review page. You cannot pass payment details from one form to another form. I suggest you redirect the Thank You Page to a specific URL. Here's how: https://www.jotform.com/help/38-Redirecting-Users-to-a-Different-Page.

    Also, please provide the URL of the webpage where the form is embedded so that we can further investigate.

    Hope that helps. Thank you.

  • Profile Image
    iviamontes
    Answered on February 21, 2018 at 12:04 PM

    Thank you @Jan!

    The form is not live at this moment but based on your comment, looks like I will have to change my SPA app to save customer previous entered data, so when the refreshing happens, the form will display it. Am I right?

    Thank you one more time.

  • Profile Image
    Sabbir
    Answered on February 21, 2018 at 01:30 PM

    Can you send us your form link so we can check the reload thing?

    What my colleague has mentioned earlier is to redirect your form to an external link after submission by following this guide:  https://www.jotform.com/help/38-Redirecting-Users-to-a-Different-Page.

    We can give you the exact solution once you send us your form url.