Vue使用轮询定时发送请求

最新推荐文章于 2024-09-23 08:52:43 发布

前端打工人

最新推荐文章于 2024-09-23 08:52:43 发布

阅读量6k

点赞数 1

分类专栏： Vue2

本文链接：https://blog.csdn.net/weixin_43953518/article/details/106904826

版权

Vue2 专栏收录该内容

89 篇文章 7 订阅

订阅专栏

一、什么是轮询？

轮询（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>