jQuery - 检测点击浏览器后退按钮并提交表单答案

【问题标题】：jQuery - Detect click on Browser Back button and submit formjQuery - 检测点击浏览器后退按钮并提交表单
【发布时间】：2016-10-29 19:51:08
【问题描述】：

我有一个带有 post 方法的简单表单。这里是：

<form method="post" id="ParseSD" action="../../../../../purchase-product">
    <input type="text" id="SDLINK" name="LINK" class="LinkInput" placeholder="Поставете линк от SportsDirect.com">
    <button id="SubmitButton">Вземи продукта</button>
</form>

我在输入中粘贴一个链接并提交表单。一切顺利。我可以通过不同的链接提交它们。

但是，当我提交表单时，我想点击返回按钮。

我需要它，因为当用户单击浏览器的后退按钮时，浏览器会要求用户通过刷新页面来重新提交页面。我想做一个代码，它会自动重新提交上次提交的表单。

这是我到目前为止绑定后退按钮单击的代码：

jQuery(document).ready(function($) {

  if (window.history && window.history.pushState) {

    window.history.pushState('forward', null, './#forward');

    $(window).on('popstate', function() {
      alert('Back button was pressed.');
    });

  }
});

但是我不知道如何自动重新提交最后一个表格。有可能吗？

提前致谢！

【问题讨论】：

我很确定浏览器会在脚本运行之前询问您。此外，对于付款类型的表格，这可能是一个非常糟糕的主意，因为付款将被处理两次。我很确定有一种标准的方式来处理表单提交的事情，可能是浏览器重定向成功？

标签： javascript jquery html forms

【解决方案1】：

尝试以下方法：

$( "#ParseSD" ).submit(function( event ) {
  //After Submit
});

【讨论】：