网页数据实时更新的三种简单方法 - 阿周 -网页更新

一、页面自动刷新＜meta http-equiv="refresh" content="20">其中20指每隔20秒刷新一次页面.

二、页面自动跳转：＜meta http-equiv="refresh" content="20;url=http://www.hackhome.com">其中20指隔20秒后跳转到http://www.hackhome.com页面

三、js控制＜script language="JavaScript"> function myrefresh(){ window.location.reload();}setTimeout('myrefresh()',1000); //指定1秒刷新一次＜/script>

四、Ajaxvar isLoaded = false;function reqs(opts) { $.ajax({ type: 'get', url: 'demo.php', dataType: 'json', beforeSend: function() { if(opts.init === 1) { $('.zh-loading').show(); } isLoaded = false; }, success: function(res) { console.log(res); }, complete: function() { if(opts.init === 1) { $('.zh-loading').hide(); } isLoaded = true; }, error: function() { console.log('请求失败~'); } });

}

reqs({"init": 1});

setInterval(function() { isLoaded && req({"init": 0});

}, 3000);

注释：1.isLoaded && req({"init": 0}); 表示前面一个条件正确，则执行&&后面的方法。2.将init赋值为0，是让loading只出现在页面第一次加载的时候。后面不出现。