很多網站都需要在無需刷新整個頁面的情況下動態刷新某個特定的部分。這時候,jQuery就是我們的好幫手。
jQuery可以通過AJAX請求,獲取數據并動態更新網頁上的內容。其中最常用的一種方法是通過刷新一個特定的div來實現。
//HTML代碼 <div id="result"></div> //jQuery代碼 function refresh(){ $.ajax({ url: "api.php", //請求地址 type: "GET", //請求方法 data: { key: "value" }, //請求數據 dataType: "html", //返回的數據類型 success: function(html){ //請求成功后更新div內容 $("#result").html(html); } }); } //定時刷新div內容 setInterval(refresh, 5000); //每5秒刷新一次
以上代碼中,我們使用了jQuery的ajax方法來發送請求,并在請求成功后更新了id為"result"的div元素的內容。通過設置定時器,我們讓刷新動作每隔5秒鐘執行一次。
值得注意的是,為了保持良好的用戶體驗,刷新div的頻率應該設置得不太高,否則會給服務器帶來額外壓力并造成頁面卡頓。
下一篇vue搭建項目模版