Question

ajax异步请求定时刷新局部页面

<script>
$(document).ready(function () {
$.ajax({
type: 'GET',
url:'http://localhost:8080/SSM/user/findRoom?region=1&&room=2',
dataType: 'json',

success:function (datas,status) {
console.log(datas);
console.log(status);
},
fail:function (err,status) {
console.log(err);
}
}).done(function(data) {
initDom(data);

$('body').find('.box:first').remove()
})
.fail(function() {
console.log('error');
}).always(function() {
console.log('complete');
});

})
function initDom(asyncData){
var username,address,address,content,join_time;
$.each(asyncData,function (index,item) {
console.log("index",index);
console.log("item",item);
var temp = $('.agileits-w3layouts').find('.team-grids:first')[0].outerHTML;
var box = $(temp);
var username = box.find('.username');
var id = box.find('.id');
var age = box.find('.age');
var sex = box.find('.sex');
var origin = box.find('.origin');
var region = box.find('.region');
var details = box.find('.details');
var photo = box.find('.photo');
username.html(item.username);
id.html(item.id

);
age.html(item.age);
sex.html(item.sex);
origin.html(item.origin);
region.html("软件部");
details.html(item.details);
var img = box.find('img');
img.attr('src',item.photo);
$('.agileits-w3layouts').append(box)
})
$('.agileits-w3layouts').find('.team-grids:first').remove()
}
请大神帮忙添加ajax定时任务 每隔一段时间就能调一次上面ajax请求

若以下回答无法解决问题，邀请你更新回答

Answer 1

不知道你的什么框架或者是原生js哈functionrefreshOnTime(){$.ajax({//配置});//7秒后重复执行该函数setInterval('refreshOnTime',7000);}//开始执行自己refreshOnTime();//这样写的话，就会无限的重复执行自己，每次执行完后延迟自定义