首頁  >  文章  >  web前端  >  如何使用 jQuery/AJAX 重新載入特定 DIV 而無需刷新頁面?

如何使用 jQuery/AJAX 重新載入特定 DIV 而無需刷新頁面?

Susan Sarandon
Susan Sarandon原創
2024-10-20 16:15:30596瀏覽

How to Reload a Specific DIV Using jQuery/AJAX without Page Refresh?

使用jQuery/AJAX 刷新DIV 中的內容

問題:

問題:載入特定內容DIV整個網頁。在本例中,目標是在按一下 ID 為「getCameraSerialNumbers」的按鈕時重新載入名為「list」的 DIV 的內容。

說明:提供的程式碼嘗試使用「.load()」函數重新載入「step1Content」DIV,但是,它缺少必要的URL 參數來指定應載入哪些內容。

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

要重新載入特定的DIV內容,您可以使用以下程式碼:

  • 工作原理:
程式碼使用「.load」 ()」函數取得內容並將其載入至「list」DIV。

「.load()」函數的參數是目前頁面的URL,後面跟著一個空格,然後是您想要將內容載入到的DIV。 🎜>在第二個「#」符號之前包含一個空格至關重要,以確保只有重新載入指定的DIV,而不是整個頁面。

以上是如何使用 jQuery/AJAX 重新載入特定 DIV 而無需刷新頁面?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn