首頁 >web前端 >js教程 >如何在點擊按鈕時使用 jQuery 和 Ajax 重新載入 Div 的內容?

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

DDD
DDD原創
2024-10-20 16:18:291077瀏覽

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

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