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

时间:2016-06-27 17:41:35

标签: javascript jquery html forms

我有一个简单的表格方法。这是:

<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.');
    });

  }
});

但是我不知道怎么自动重新提交最后一个表格。它甚至可能吗?

提前致谢!

1 个答案:

答案 0 :(得分:0)

尝试以下内容:

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