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

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

Susan Sarandon
發布: 2024-10-20 16:15:30
原創
713 人瀏覽過

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中文網其他相關文章!

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板