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

标签 javascript jquery html forms

我有一个带有 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>

我在输入中粘贴链接并提交表单。一切安好。我可以浏览不同的链接并提交它们。

但是,当我提交表单时,我想捕获“后退”按钮的点击。

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

这是我迄今为止用于绑定(bind)后退按钮单击的代码:

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

  }
});

但是我不知道如何自动重新提交最后一份表格。这可能吗?

提前致谢!

最佳答案

尝试以下操作:

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

关于javascript - jQuery - 检测点击浏览器后退按钮并提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38060051/

相关文章:

php - 将 SQL 输出传递给 Javascript 以生成动态图表

javascript - JavaScript 中对象变空

html - 将图像排成一行的更好方法

javascript - 使用计时器打开和关闭 Chrome 中的选项卡

javascript - 如何将数据从 AngularJS 前端传递到 Nodejs 后端?

javascript - 淡入淡出加载CSS3动画的最佳方法

javascript - 如何选择所有输入并按 id 或 class 选择单个或多个 div 内的元素

html - 这两个 block 元素之间不应该有任何空间

javascript - 使用 Cognito 联合身份进行 API 网关身份验证

javascript - 特殊字符未导出至 PDF