サードパーティのサイトからクレジット カード支払いフォームを読み込む iFrame を含むページがあります [PCI コンプライアンスのため]。
私は解決しようとしている2つの問題があります。
1,ページと iframe が異なる速度で読み込まれ、ページがちらつく。iframe の読み込みとページの読み込みを同期するにはどうすればよいですか?
2,サードパーティのサイトがダウンしている場合は、iframe を交換するか、少なくとも別のソースにリダイレクトしたいと考えています。iframe の読み込みに失敗したことを確認するにはどうすればよいですか。
@ #2 : エンド ユーザーにページをレンダリングする前に、サーバー側のテクノロジを使用してサード パーティのページをポーリングします。次に、最適なアクションを決定します (iframe を表示する (うめき声) または「利用できない」ダイアログを表示する)。
@ #1 - 理想的には、上記の (@ #2 ソリューション) のようなポーリング プロセスを組み込み、利用可能になったらページを描画するか、それを非同期コンポーネントとして処理し、ポーリング プロセス + 表示ロジック (フェードインなど) を組み込みます。またはアニメーション - jquery がタグ付けされているため) が利用可能になったら。