如何使用 jQuery/AJAX 更新網頁部分而不重新載入？

如何使用jQuery/AJAX 更新頁面的一部分而不重新載入

在點擊按鈕時重新載入特定div，而不影響整個頁面頁面是Web開發中的常見需求。這可以使用 jQuery 的 AJAX 功能來實現。

範例

假設您有一個按鈕，按一下按鈕時，應更新名為 div1 的 div 的內容。具體操作方法如下：

HTML:

jQuery:

說明：

• jQuery 點選事件處理程序附加到id 為myButton 的按鈕。
• 按一下按鈕時，load() 函數在 id div1 的 div 上呼叫。
• load() 函數將指定URL 的內容載入到div.
• 在本例中，URL 為location.href " #div1"。這將檢索目前頁面的 URL 並附加 #div1 選擇器。
• 第二個 # 符號之前的空格至關重要。如果沒有它，上面的程式碼將重新載入 div 內的整個頁面。
• 因此，當單擊按鈕時，div1 的內容將更新為相同內容

注意：請記住使用上述程式碼之前包含jQuery 函式庫。

以上是如何使用 jQuery/AJAX 更新網頁部分而不重新載入？的詳細內容。更多資訊請關注PHP中文網其他相關文章！