javascript - Submit Old Google Form then redirect to another page - Stack Overflow

admin管理员组

文章数量:1389754

I am utilizing a Google Form on a webpage. I copied the source code from the form directly onto my page so that I can modify some of the HTML instead of using an iframe. Then instead of taking the user to the google docs response page I would like to redirect them to another page.

The trouble that I am running into is with the page redirect. I was able to get this working properly in Chrome and Firefox with this:

<form target="GoogleResponse" action="/
formResponse?formkey=xxxxxxxxxxxxxxxxxxxxxxxxxx&amp;ifq;" onsubmit="
window.location = 'targetPage.html';" method="POST" id="ss-form">

IE and Safari both did the redirect automatically and the response never got written to the Google Form. If I drop the redirect, the action works perfectly in both and the response is recorded in the Google spreadsheet.

So I attempted to pull the action out and instead did it everything in onsubmit instead, like so:

<form target="GoogleResponse" onsubmit="this.action = 
/spreadsheet/formResponse?formkey=xxxxxxxxxxxxxxxxxxxxxxxxxx&amp;ifq'; 
window.location = 'targetPage.html';" method="POST" id="ss-form">

Same problem as before, IE and Safari both redirect, and nothing is written to the Google spreadsheet. And once again, if I remove the redirect the response gets recorded in all browsers. I can also do other stuff like throw in an alert after the action, and everything continues to work fine. The only time I see the issue is with the redirect.

So at this point the only thing I can figure is that their is some sort of conflict between the redirect and the action. I have pretty limited working knowledge of javascript and forms so any help or remendations would be greatly appreciated!

I am utilizing a Google Form on a webpage. I copied the source code from the form directly onto my page so that I can modify some of the HTML instead of using an iframe. Then instead of taking the user to the google docs response page I would like to redirect them to another page.

The trouble that I am running into is with the page redirect. I was able to get this working properly in Chrome and Firefox with this:

<form target="GoogleResponse" action="https://docs.google./spreadsheet/
formResponse?formkey=xxxxxxxxxxxxxxxxxxxxxxxxxx&amp;ifq;" onsubmit="
window.location = 'targetPage.html';" method="POST" id="ss-form">

IE and Safari both did the redirect automatically and the response never got written to the Google Form. If I drop the redirect, the action works perfectly in both and the response is recorded in the Google spreadsheet.

So I attempted to pull the action out and instead did it everything in onsubmit instead, like so:

<form target="GoogleResponse" onsubmit="this.action = https://docs.google.
/spreadsheet/formResponse?formkey=xxxxxxxxxxxxxxxxxxxxxxxxxx&amp;ifq'; 
window.location = 'targetPage.html';" method="POST" id="ss-form">

Same problem as before, IE and Safari both redirect, and nothing is written to the Google spreadsheet. And once again, if I remove the redirect the response gets recorded in all browsers. I can also do other stuff like throw in an alert after the action, and everything continues to work fine. The only time I see the issue is with the redirect.

So at this point the only thing I can figure is that their is some sort of conflict between the redirect and the action. I have pretty limited working knowledge of javascript and forms so any help or remendations would be greatly appreciated!

• javascript
• html
• google-sheets
• google-forms

Share Improve this question Follow edited Oct 14, 2017 at 1:07 Wicket 38.8k99 gold badges8080 silver badges195195 bronze badges asked Mar 16, 2012 at 5:26 strangiatostrangiato 18111 silver badge44 bronze badges 1

• Does this answer your question? Old Google Form redirect after submission – Wicket Commented Aug 23, 2020 at 19:03

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 1

Sounds like the browsers have not plete the form submission before handling the redirect. onsubmit happens before the submission itself so you can not handle the issue there.

Use the onload function of the target iframe for the redirect.

This has been asked in similar manner:

Old Google Form redirect after submission

Take a good look at the answer. The onload function of the iframe will handle the redirect, so the redirect will not happen until the submission is plete and a response has been given from google. So when the hidden response from google is loaded we fire a redirect. This is async functionality between the client and server. We are waiting for the server to handle the data before redirecting.

---

Extended note: You could try putting the redirect within a setTimeout function. This would delay the execution of the redirect, allowing the server to handle the submission first. But setTimeout requires a fixed amount of time, so if the data handling is not synchronous (ie. asynchronous) setTimeout will not work as it may fire to early or too late. Asynchronous data handling applies when the data processing requires an undetermined amount of time (such as http requests).

本文标签： javascriptSubmit Old Google Form then redirect to another pageStack Overflow