首頁 > web前端 > js教程 > 主體

如何在點擊按鈕時使用 jQuery 和 Ajax 重新載入 Div 的內容?

DDD
發布: 2024-10-20 16:18:29
原創
976 人瀏覽過

How to Reload the Content of a Div with jQuery and Ajax on Button Click?

使用jQuery 和Ajax 重新載入Div 內容

問題:

問題:

問題:

問題:

問題:

問題:

  1. 問題:
  2. 您需要重新載入單擊按鈕即可顯示特定div 的內容,而無需刷新整個頁面。

程式碼範例:

  1. 錯誤方法:

此程式碼不正確,因為load( ) 方法需要一個URL 來載入內容。

解決方案:

jQuery 的 load( ) 方法可以與 URL 一起使用來載入遠端內容。但是,要從目前頁面重新載入內容,我們可以使用以下方法:

  1. 使用絕對URL 和雜湊:
這會從目前URL 載入ID 為「list」的元素的內容。請注意第二個「#」號之前的空格。 使用 Ajax:另一種方法是使用 Ajax。透過這種方法,我們向伺服器發出 Ajax 請求,檢索內容並更新 div。 在本例中,“YOUR_ENDPOINT_URL”是返回要加載的內容的服務器端點附加說明:確保在重新載入內容之前啟用“再次捕獲”按鈕。 如果您使用 Ajax 方法,請確保伺服器端點以適當的格式(HTML 或 JSON)傳回內容。

以上是如何在點擊按鈕時使用 jQuery 和 Ajax 重新載入 Div 的內容?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!