首頁  >  文章  >  web前端  >  如何使用 jQuery/AJAX 重新載入 Div 中的內容以進行部分頁面刷新?

如何使用 jQuery/AJAX 重新載入 Div 中的內容以進行部分頁面刷新?

Patricia Arquette
Patricia Arquette原創
2024-10-20 16:17:02710瀏覽

How to Reload Content in a Div Using jQuery/AJAX for Partial Page Refresh?

使用jQuery/AJAX 重新載入Div 中的內容

使用者經常遇到只想刷新網頁載入整個頁面。這種情況稱為部分頁面刷新。在您的例子中,您的目標是在單擊按鈕時重新載入 div 元素中的內容。

為了實現此目的,jQuery 的 load() 方法被證明非常有效。這是一個最佳化的解決方案:

在此程式碼中,我們:

  • 使用 #mydiv 選擇器定位特定的 div。
  • 利用 load()方法將該 div 的內容替換為從 src 屬性中指定的 URL 取得的內容。
  • 值得注意的是,我們確保在 location.href 之後和第二個 # 符號之前包含空格。這對於防止整個頁面載入到 div 中至關重要。

透過實作此程式碼,點擊“再次擷取”按鈕將觸發重新載入帶有 id= 標記的 div 內的內容“清單”,不影響頁面的其餘部分。

以上是如何使用 jQuery/AJAX 重新載入 Div 中的內容以進行部分頁面刷新?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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