如何檢測表單提交超時並重新提交？

Question

我們使用的端點不可靠，因此提交表單有時會超時。

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

檢測超時並嘗試重新提交表單的最佳方法是什么？ 也許在放棄之前嘗試5次。

這是第三方的集成-表單在iframe中加載並自動提交以獲取HTML內容。

注意：是的，更好的解決方案是解決超時問題。 但是我們需要實時退出系統，不能等待第三方。

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

這是一個概念，此代碼未經測試。