Vue使用轮询定时发送请求代码

这篇文章主要介绍了Vue使用轮询定时发送请求代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧一、什么是

这篇文章主要介绍了Vue使用轮询定时发送请求代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

一、什么是轮询?

轮询(Polling)是一种CPU决策如何提供周边设备服务的方式,又称“程控输出入”(Programmed I/O)。轮询法的概念是,由CPU定时发出询问,依序询问每一个周边设备是否需要其服务,有即给予服务,服务结束后再问下一个周边,接着不断周而复始。 在WEB上来说就是客户端一直向服务端发起请求,服务端返回数据,不论返回什么都会再次向服务端发送请求。

二、采用定时器进行轮询

<template>

<div></div>

</template>

 

<script>

export default {

data() {

return {

num: 0

};

},

created() {

// 实现轮询

window.setInterval(() => {

setTimeout(this.getNewMessage(), 0);

}, 3000);

},

methods: {

// 请求是否有新消息

getNewMessage: function() {

console.log(“请求” + this.num++ + “次”);

}

}

};

</script>

 

<style scoped>

</style>

效果:

WordPress主题下载,WordPress免费主题下载,网站源码模板下载

补充知识:vue 轮询操作

创建一个弹出框

<div>

<el-dialog

:visible.sync=”loadingVisible”

width=”30%”>

<i class=”fa fa-spin fa-star”></i>

<span>这是一段信息</span>

</el-dialog>

</div>

增加按钮

<el-button type=”text” @click=”doing”>智能推荐</el-button>

关键js代码

doing() {

const vm = this;

vm.loadingVisible = true;

vm.timer = setInterval(vm.getstatus, 2000);

},

 

 

getstatus() {

const vm = this;

 

vm.loadingVisible = false;

clearInterval(vm.timer);

}

},

以上这篇Vue使用轮询定时发送请求代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

WordPress主题下载,WordPress免费主题下载,网站源码模板下载


下载说明:
1. 本站所有资源来源于网络和用户上传,如有侵权请联系站长
2. 本站分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,商用请支持正版!不得违反国家法律,否则后果自负!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

本站的资源均来自于互联网,仅为资源共享、学习参考之目的,其版权均归原作者及其网站所有,如有侵权请留言联系:admin,转转请注明出处:http://zhanmr.com/7104.htm

发表评论

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