在前端开发中,我们经常需要使用ajax技术实现异步请求和响应。而针对一些特定需求,我们还需要在ajax请求中添加定时器,以便于自动更新数据或定时同步数据等。这时候,jquery提供了一些非常好用的定时器函数和ajax方法,帮助我们轻松实现定时ajax请求。
// 定时ajax请求 var interval = setInterval(function(){ $.ajax({ type: 'GET', url: 'data.json', data: { time: new Date().getTime() }, success: function(data){ // 成功回调函数 console.log(data); }, error: function(XMLHttpRequest, textStatus, errorThrown){ // 错误回调函数 console.log(textStatus + ', ' + errorThrown); } }); }, 5000); // 每隔5秒钟发送一次ajax请求 // 取消定时器 clearInterval(interval);
上述代码实现了每隔5秒钟自动向服务器请求data.json文件,并将获取的数据打印到控制台上。通过setInterval函数设定定时器,我们可以不断地执行ajax请求操作,实现数据自动更新。而通过clearInterval函数,我们可以在不需要时清除定时器,以防止不必要的数据请求和请求次数过多。