在前端開發(fā)中,我們經常需要使用ajax技術實現(xiàn)異步請求和響應。而針對一些特定需求,我們還需要在ajax請求中添加定時器,以便于自動更新數(shù)據(jù)或定時同步數(shù)據(jù)等。這時候,jquery提供了一些非常好用的定時器函數(shù)和ajax方法,幫助我們輕松實現(xiàn)定時ajax請求。
// 定時ajax請求 var interval = setInterval(function(){ $.ajax({ type: 'GET', url: 'data.json', data: { time: new Date().getTime() }, success: function(data){ // 成功回調函數(shù) console.log(data); }, error: function(XMLHttpRequest, textStatus, errorThrown){ // 錯誤回調函數(shù) console.log(textStatus + ', ' + errorThrown); } }); }, 5000); // 每隔5秒鐘發(fā)送一次ajax請求 // 取消定時器 clearInterval(interval);
上述代碼實現(xiàn)了每隔5秒鐘自動向服務器請求data.json文件,并將獲取的數(shù)據(jù)打印到控制臺上。通過setInterval函數(shù)設定定時器,我們可以不斷地執(zhí)行ajax請求操作,實現(xiàn)數(shù)據(jù)自動更新。而通過clearInterval函數(shù),我們可以在不需要時清除定時器,以防止不必要的數(shù)據(jù)請求和請求次數(shù)過多。