javascript - 如何检测表单提交超时并重新提交？

Question

我们使用不可靠的端点来提交表单，有时会超时。

window.onload = function(){
  document.forms['form-to-third-party-endpoint'].submit()
}

检测超时并尝试重新提交表单的最佳方法是什么？也许在放弃之前尝试 5 次。

这是第 3 方集成 - 表单在 iframe 中加载并自动提交以获取 HTML 内容。

注意:是的，更好的解决方案是修复超时问题。但我们需要上线系统，等不及第 3 方了。

Answer 1

我认为最好的方法是在几秒钟内制作一个计数器，当它达到 300(5 分钟)时再次提交表单。如果用户离开页面，可以通过 onbeforeunload 停止计数器。

类似这样的事情

var counter = 0, interval;

window.onload = function() {
   interval = setInterval(addCounter, 1000); 
}

function addCounter() {
   counter++;
   if(counter === 300) {
     counter = 0;
     document.forms['form-to-third-party-endpoint'].submit()
   }
}

window.onbeforeunload = function() {
  clearInterval(interval);
}

这是一个概念，此代码未经测试。