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

网页数据实时更新的三种简单方法一、页面自动刷新<metahttp-equiv="refresh"content="20">其中20指每隔20秒刷新一次页面.二、页面自动跳转:<metahttp-equiv="refresh"content="2

大家好,欢迎来到IT知识分享网。网页数据实时更新的三种简单方法

一、页面自动刷新
<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>

四、Ajax
var 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只出现在页面第一次加载的时候。后面不出现。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/33488.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信