iframe の src が指すコンテンツが更新されない問題の解決方法の詳細な説明

問題の説明

html

<iframe id="h5Content" src=""></iframe>

js

$("#h5Content").attr("src","${h5.url}");

h5.url は、ueditor によって編集され、データベースに保存されたページに対応します。

このページのコンテンツを変更して送信しても、iframe に表示されるページは変更されません。

理由

iframe 内のコンテンツは、iframe の src の値が変更された場合にのみ更新されます。

したがって、私のコードの URL に対応するページは変更されましたが、URL は変更されていません。つまり、iframe の src の値は変更されていません。したがって、コンテンツは更新されません。

解決

原因がわかったので、解決方法は非常に簡単です。iframe の src の値を変更する方法を考えればよいだけです。
当時の私の解決策は次のとおりでした。

$("#h5Content").attr("src","${h5.url}"+"?time="+新しい日付().getTime());

疑問符の後の現在の時刻を URL に渡すと、問題は解決します。この値は、src の値を変更する以外には使用されません。

PS: iframe キャッシュが更新されない問題の完全な解決策

ここ 2 日間、非常に奇妙な問題に遭遇しました。あるページが iframe ページをネストしていました。このページを送信して再度このページにジャンプすると、iframe 内のページはデータを更新するはずでしたが、IE では更新されませんでした (FF では問題ありません)。F5 キーを押すか、新しいブラウザ タブを開いて手動で更新する必要があります。そうしないと、このページのブラウザで Enter キーを押しても無駄です。多くの情報を調べた後、最終的に問題の原因は iframe キャッシュ メカニズムであることがわかりました。次の方法で解決できます。

<script type="text/javascript">
var ランダム数 = Math.floor(Math.random()*100000)

ドキュメント.write('
<iframe src="http://www.freedonation.com/hunger/hunger_thankyou.php3?random='+randomnumber+'" name="aframe" width="100%" height="400"></iframe>')

</スクリプト>

リクエスト値として乱数を持つパラメータを追加することで、ブラウザはリクエストされた各ページが新しいものであると見なし、そのたびに iframe ページがリロードされるようにします。

iframe の src で指し示されるコンテンツが更新されない問題の解決方法についてはこれで終わりです。iframe の src で指し示されるコンテンツが更新されない問題の詳細については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。