How to use JavaScript to save Visualforce form and redirect to Thank you page

Question

I have a Visualforce page that's a form which is linked to my custom object in Salesforce.

However, I want the form to be saved and then redirect the user to my second Visualforce page (Thank You Page) without using an apex extension page.

I was told I can use JavaScript to do so however the code that I have written is not working as expected.

<apex:actionFunction name="saverecordandredirect" action="{!save}" oncomplete="location.href = '{! $Page.ThankYouPage }'" />

Answer 1

One of the possible approaches certainly is redirecting with JS, but another is to do it in the actual backend. I think doing it in the backend with Apex tends to be much cleaner code-wise, but that's just an opinion.

Were you to want to do it with JS, then you're looking for something like this:

<apex:page standardController="Account">
    <apex:form>
        <apex:commandButton value="Submit" action="{!save}" oncomplete="redirect();"/>
    </apex:form>
    <script>
    function redirect() {
        window.location = '{!urlfor($Page.OtherVisualforce)}';
    }
    </script>
</apex:page>

But, were you on the other hand interested in trying the Apex approach, then you would need a method like this in the controller which you would call from the submit method:

public with sharing class YourController{

    public pageReference save(){
        /* Logic, DMLs, and other stuff here */
        Pagereference pr = New PageReference("http://www.google.com");
        pr.setRedirect(true);
        return pr;
    }
}