如何同步iframe負載和父頁面加載

Question

我有一個頁面，其中有一個iFrame從第三方網站加載信用卡付款表單[PCI compliance compliance]。

我有兩個問題，我試圖解決。

1，頁面和iframe加載速度不同，導致頁面閃爍。如何同步iframe加載和頁面加載？

2，如果第三方站點關閉，我想替換iframe或至少將其重定向到不同的源。我如何確定iframe加載失敗。

Answer 1

@＃2：在將頁面呈現給最終用戶之前，使用服務器端技術輪詢第三方頁面 - 然後確定什麼是最佳操作過程（顯示iframe（呻吟）或呈現「不可用」對話框）

@＃1 - 理想情況下，您應該在上面包含一個輪詢過程（@＃2解決方案），並簡單地繪製一次可用的頁面，或將其作爲異步組件處理，並將輪詢過程+顯示邏輯（像fadein或動畫 - 因爲你有jquery標記）一旦可用。