淘先锋技术网

首页 1 2 3 4 5 6 7

在前端开发中,我们经常需要使用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函数,我们可以在不需要时清除定时器,以防止不必要的数据请求和请求次数过多。