ページの部分更新に jQuery/AJAX を使用して Div 内のコンテンツをリロードするにはどうすればよいですか?

jQuery/AJAX を使用した Div 内のコンテンツの再ロード

ユーザーは、Web ページの特定の部分のみを更新したいという状況によく遭遇します。ページ全体をリロードするのではなく、このシナリオは、部分ページ更新として知られています。あなたの場合、ボタンをクリックしたときに div 要素内のコンテンツをリロードすることを目的としています。

これを実現するには、jQuery のload() メソッドが非常に効果的であることがわかります。最適化されたソリューションは次のとおりです。

$("#mydiv").load(location.href + " #mydiv");

このコードでは、

• #mydiv セレクターを使用して特定の div をターゲットにします。
• load() を利用します。
• その div のコンテンツを、src 属性で指定された URL から取得したコンテンツに置き換えるメソッドを使用します。

特に、location.href の後と 2 番目の # 記号の前に必ずスペースを含めます。これは、ページ全体が div に読み込まれるのを防ぐために非常に重要です。

このコードを実装すると、[Capture Again] ボタンをクリックすると、id= でタグ付けされた div 内のコンテンツの再読み込みがトリガーされます。 「リスト」。ページの残りの部分には影響しません。

以上がページの部分更新に jQuery/AJAX を使用して Div 内のコンテンツをリロードするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。