通过设置interval和ajax,来实现页面数据的更新,亮点是只用写一个函数,即可实现所有需要更新的数据的更新。
javascript:
var auto_refresh_interval = undefined;
var auto_refresh = $('[data-refresh="auto"]');
startAutoRefreshInterval();
function startAutoRefreshInterval()
{
if (auto_refresh.length > 0)
{
console.log('starting auto refresh interval');
auto_refresh_interval = window.setInterval(function(){
console.log('refreshing data');
$.ajax({
url: '',
success: function( data ) {
for (var i=auto_refresh.length-1; i>=0; i--)
{
var id = '#' + auto_refresh[i].id;
console.log(id);
$(id).html($(data).find(id).html());
}
}
});
}, 1000);
}
}
in the view: 将下面的代码加到合适的地方即可,比如我是在更新表格里的数据:
...