ページを更新せずにjQuery/AJAXを使用して特定のDIVを再ロードするにはどうすればよいですか?

jQuery/AJAX を使用した DIV 内のコンテンツの更新

問題:
特定のコンテンツのロードWeb ページ全体を更新せずに DIV を実行します。この場合の目的は、ID「getCameraSerialNumbers」のボタンをクリックしたときに「list」という名前の DIV のコンテンツを再ロードすることです。

説明:
提供されたコードは、 「.load()」関数を使用して「step1Content」DIV を再ロードしますが、ロードするコンテンツを指定するために必要な URL 引数が不足しています。

解決策:
特定の DIV コンテンツをリロードするには、次のコードを使用できます:

<code class="javascript">$("#getCameraSerialNumbers").click(function() {
  $("#list").load(location.href + " #list");
});</code>

仕組み:

• コードは「.load」を使用します。 ()" 関数を使用して、コンテンツをフェッチして "list" DIV にロードします。
• ".load()" 関数の引数は、現在のページの URL、その後にスペース、ID が続きます。コンテンツをロードする DIV。この場合、ターゲット DIV は「list」です。

注:
2 番目の「#」記号の前にスペースを含めることが重要です。指定された DIV はページ全体ではなく再ロードされます。これは、予期せぬ結果を招く可能性があるよくある間違いです。

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