Authorize.Net integration in a single page app

  • iviamontes
    Asked on February 20, 2018 at 5: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.


  • Jan
    Replied on February 20, 2018 at 7: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.

  • iviamontes
    Replied 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.

  • Sabbir
    Replied on February 21, 2018 at 1: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.