如何实现表单提交跳转后点击按钮重新提交表单（类似Ctrl+F5效果）

下面两种方法都能实现你要的效果，对应不同场景：

方法1：直接触发表单提交 #

如果当前页面仍保留着原表单（或你可以重新构建一个和原表单参数一致的表单），可以通过JS触发表单的submit()方法，浏览器会自动弹出是否重新提交的确认框：

// 给按钮绑定点击事件
document.getElementById('resubmitBtn').addEventListener('click', function() {
  const targetForm = document.getElementById('yourFormId');
  targetForm.submit();
});

方法2：强制刷新当前页面 #

如果当前页面是表单POST提交后的跳转页，直接调用强制刷新方法，浏览器会复用历史中的POST请求数据并弹出确认提示，和按下Ctrl+F5的效果完全一致：

document.getElementById('resubmitBtn').addEventListener('click', function() {
  // true 参数表示强制从服务器重新加载，而非使用缓存
  location.reload(true);
});

注意事项 #

• 只有当当前页面是通过POST请求加载的时，才会触发浏览器的重新提交确认提示；如果是GET请求，刷新不会有提示。
• 方法2不需要页面存在表单元素，适合仅需重复提交之前请求的场景；方法1则可以自定义提交的表单数据。

内容的提问来源于stack exchange，提问作者Saeid