如果我重新加载页面，AJAX表单提交来自浏览器的保存密码，没有“确认表单提交”请求

Question

我正在我的网站上做一个简单的登录表单。 情况如下：

• 如果我做一个纯Jquery AJAX表单提交然后重定向（在JS代码中），浏览器不提供保存信息（即用户名和密码）。
• 如果我做一个正常的表格提交，当我登陆下一页然后我回来或刷新时，我会非常恼火和恼人的“确认表单提交”。

我的问题是，有可能两全其美吗？ 如果有，怎么样？

为了清楚起见，我想做一个表单提交，最好使用AJAX，这样如果有错误，我不必重新加载页面只显示错误，我希望浏览器提供保存信息的可能性我不想在我重定向的页面上“确认表单提交”。

我想在中间添加一个页面，所以提交到一个空白页面，只是重定向到我想去的页面。 但是一旦你在那里，如果你回击，你被重定向到同一页面，所以你再点击2次。 这是其他人怎么做的？

谢谢你的帮助。

PS：我看过所有这些帖子......

• Ajax登录表单 - 浏览器不会保存密码
• 如何让Chrome记住AJAX表单的密码？
• 如何让浏览器提示保存密码？
• 为什么这个表单不会提示浏览器提供保存密码？

PPS：似乎提交到iframe不再适用于现代浏览器。

Answer 1

要实现这一点，您需要一个结构良好的HTML表单元素，包含方法和操作，以及一个submit按钮，如下所示：

<form method="post" action="login.xxx" onsubmit="return validate();">
  <input type="text" id="username" />
  <input type="password" id="password" />

  <input type="submit" value="Send" />
</form>

之后，将所有内容处理为validate javascript方法，防止您的表单发布（无论如何都适用于非JavaScript环境）并使用ajax代替：

function validate() {
  // Ajax request using gathered form data, followed by a redirect to the logged-in page

  return false; // To prevent form submission
}

这样，您的登录信息应该保存。 对于“确认表单提交”消息，它将不会出现，因为如果登录信息可以，您将执行javascript重定向。