How to redirect page on form submission

Question

I have a form that I would like to submit. Once done redirect the page to another. However currently it is not working for me.

<form name="myname" method="post" action="actionurl" onsubmit="gotonext()">

function gotonext(){
            var portalpath = window.location.pathname;                              
            var myredirect =  portalpath +"?uP_fname=msu/survey&amp;command=display&amp;sid=162";
            alert(myredirect);
            window.location.href = myredirect;
        }

So the alert displays the correct url that I am seeking to go to. And the form submits the data to the correct actionurl. What is not working is the redirect.

Any ideas on where I might be going wrong?

`Currently the page loads the actionurl (which is another page)` ?? — Roko C. Buljan, Oct 30 '13 at 21:38
the actionurl is a base-url in a portal. It simply returns to the portal page instead of redirecting. I tried to simplify the question. Sorry if confusing, will edit that. — user1689274, Oct 30 '13 at 21:40
@Sébastien http://stackoverflow.com/questions/2383401/javascript-setting-window-location-href-versus-window-location — Roko C. Buljan, Oct 30 '13 at 21:42
@user1689274 have you tried using a redirect header in your actionurl page? — Roko C. Buljan, Oct 30 '13 at 21:43
@RokoC.Buljan Can't edit there, that actionurl receives other forms as well. — user1689274, Oct 30 '13 at 21:45
@user1689274 than just put a `"&redirectto="+myredirect ` in your *getter* and read it in your *actionurl* page inside an `if`. — Roko C. Buljan, Oct 30 '13 at 21:46

raina77ow · Accepted Answer · 2013-10-30T22:00:50.997

2

Well, it's a bit more complicated. The problem is when the form is submitted, the client basically already starts processing a new request by URL specified in the form's action attribute.

One usual workaround is to use AJAX to submit the form, then trigger the redirect in that AJAX request's callback. That's easier, but has obvious limitations: AJAX requests won't cross domains.

Another approach (that might be useful in your case) is the following:

create a hidden iframe on the page with the form.
set the form's target attribute to that iframe's name
set onload event handler on this iframe, and trigger redirect in this handler.

Here's proof of concept.

edited Oct 30 '13 at 22:00

answered Oct 30 '13 at 21:47

raina77ow

103,633
15
192
229

A Similar idea hit me last night, I will either do something like this, or add the link to the desired location as a hidden element on the page, then trigger a click with jquery, or use ajax...Thanks for the answer. and Thanks @RokoC.Buljan for the help as well – user1689274 Nov 01 '13 at 13:25

How to redirect page on form submission

1 Answers1