如何将iframe加载与父页面加载同步

Question

我有一个页面，其中包含一个iFrame，该iFrame加载了一个来自第三方网站的信用卡付款表格[符合PCI标准]。

我有两个要解决的问题。

1，页面和iframe加载速度不同，导致页面闪烁。 如何同步iframe加载和页面加载？

2，如果第3方网站关闭，我想更换iframe或至少将其重定向到其他来源。 如何确定iframe加载失败。

Answer 1

@＃2：在向最终用户呈现该页面之前，使用服务器端技术来轮询第三方页面-然后确定最佳的操作方式（显示iframe（gro吟）或显示“不可用”对话框）

@＃1-理想情况下，您将在上面的（@＃2解决方案）中加入一个轮询过程，并在可用时简单地绘制页面，或者将其作为异步组件来处理，并合并一个轮询过程+显示逻辑（例如fadein）或动画-因为您已将jQuery标签标记为），一旦可用。