通過設定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: 将下面的代碼加到合适的地方即可,比如我是在更新表格裡的資料:
...