Javascript & HTML5 使用Ajax自动更新页面数据

通过设置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: 将下面的代码加到合适的地方即可，比如我是在更新表格里的数据：

<tbody id=request_list" data-refresh="auto">
...
</tbody>