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>

效果：

补充知识：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使用轮询定时发送请求代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持好吧啦网。