jQuery Ajax 加載 div 是一種非常常用的 Web 開發技術,可以通過 Ajax 技術動態加載網頁內容,不需要刷新整個頁面,給用戶帶來更好的使用體驗。
下面是一個基本的例子,使用 $ajax() 方法加載并顯示另一個頁面里的某個 div 元素:
$(document).ready(function(){ $("button").click(function(){ $.ajax({url: "div_content.html", success: function(result){ $("#myDiv").html(result); }}); }); });
上面的代碼會在頁面 ready 后,為 button 元素添加 click 事件,當該按鈕被點擊后,通過 Ajax 方式加載 div_content.html 頁面里的內容,并將該頁面里的某個 div 元素的內容顯示在當前頁面的名為 myDiv 的 div 元素中。
需要注意的是,上面的代碼所有的方法和屬性都是 jQuery 的,其中 $ajax() 方法是使用 Ajax 技術進行異步請求的基本方法,通過此方法可以輕松地訪問各種數據源,并讓頁面動態更新展示內容。