提交旧的 Google 表单然后重定向到另一个页面

Question

我在网页上使用 Google 表单。 我将表单中的源代码直接复制到我的页面上，以便我可以修改一些 HTML，而不是使用 iframe。 然后，我想将用户重定向到另一个页面，而不是将用户带到 google docs 响应页面。

我遇到的问题是页面重定向。 我能够通过以下方式在 Chrome 和 Firefox 中正常工作：

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

IE 和 Safari 都自动执行重定向，并且响应从未写入 Google 表单。 如果我放弃重定向，该操作在两者中都能完美运行，并且响应会记录在 Google 电子表格中。

因此，我尝试将操作拉出，而是在 onsubmit 中执行所有操作，如下所示：

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

和以前一样的问题，IE 和 Safari 都重定向，并且没有任何内容写入 Google 电子表格。 再一次，如果我删除重定向，响应将记录在所有浏览器中。 我还可以做其他事情，比如在行动后发出警报，一切都继续正常工作。 我唯一一次看到问题是重定向。

所以在这一点上，我唯一能想到的是它们是重定向和动作之间的某种冲突。 我对 javascript 和表单的工作知识非常有限，因此将不胜感激任何帮助或建议！

Answer 1

听起来浏览器在处理重定向之前还没有完成表单提交。 onsubmit 发生在提交本身之前，因此您无法在那里处理问题。

使用目标 iframe 的 onload 函数进行重定向。

这已经以类似的方式被问到：

提交后旧的 Google 表单重定向

好好看看答案。 iframe 的 onload 函数将处理重定向，因此在提交完成并且 google 给出响应之前不会发生重定向。 因此，当加载来自 google 的隐藏响应时，我们会触发重定向。 这是客户端和服务器之间的异步功能。 我们在重定向之前等待服务器处理数据。

---

扩展说明：您可以尝试将重定向放在 setTimeout 函数中。 这将延迟重定向的执行，允许服务器首先处理提交。 但是 setTimeout 需要固定的时间量，因此如果数据处理不是同步（即异步）setTimeout 将不起作用，因为它可能会触发得太早或太晚。 异步数据处理适用于数据处理需要不确定的时间（例如 http 请求）。