欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-04-01 16:43:14
一、什么是轮询?轮询(polling)是一种cpu决策如何提供周边设备服务的方式,又称“程控输出入”(programmed i/o)。轮询法的概念是,由cpu定时发出询问,依序询问每一个周边设备是否需...

一、什么是轮询?

轮询(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使用轮询定时发送请求代码

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