Vue使用轮询定时发送请求

ゝ一纸荒年。 2023-06-09 10:10 17阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTA5NzQ2_size_16_color_FFFFFF_t_70][]

### 一、什么是轮询？ ###

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

效果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTA5NzQ2_size_16_color_FFFFFF_t_70 1][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTA5NzQ2_size_16_color_FFFFFF_t_70]: /images/20230531/06bf379f815a4526b0d2832dc1700434.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTA5NzQ2_size_16_color_FFFFFF_t_70 1]: /images/20230531/d04053fdb3b8405798252272855c8495.png

发表评论取消回复

表情：

评论列表（有 0 条评论，17人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue使用轮询定时发送请求

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQy

ゝ一纸荒年。/ 2023年06月09日 10:10/ 0 赞/ 18 阅读

相关 javascript 轮询_JavaScript轮询

javascript 轮询 Polling with JavaScript is one of those ugly but important functions with

墨蓝/ 2023年02月22日 03:39/ 0 赞/ 179 阅读

相关在vue项目中使用轮询器《轮询》

<template> <div> { {text}} </div> </template>

喜欢ヅ旅行/ 2023年02月21日 01:57/ 0 赞/ 27 阅读

相关 Vue使用axios发送请求

> 注：此文档摘自官方文档 [axios中文文档][axios] axios Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js

本是古典何须时尚/ 2023年02月13日 12:27/ 0 赞/ 132 阅读

相关轮询、长轮询、长连接、websocket

Web端即时通讯技术：即时通讯技术简单的说就是实现这样一种功能：服务器端可以即时地将数据的更新或变化反应到客户端，例如消息即时推送等功能都是通过这种技术实现的。但是在Web中，

亦凉/ 2023年01月02日 14:22/ 0 赞/ 482 阅读

相关 express 使用SSE轮询

SSE是客户端请求服务器后，服务器每隔一段时间向客户端发送数据（是单向的）。详细可参照：[http://www.ruanyifeng.com/blog/2017/05/se

向右看齐/ 2023年01月01日 15:52/ 0 赞/ 347 阅读

相关分布式事务--本地消息表(定时轮询扫描)

场景如下：订单系统收到第三方支付平台支付成功的通知后，需要进行1：更新订单的状态为已支付 2：扣减商品库存订单库：订单表order：orderID、userID、

落日映苍穹つ/ 2022年01月26日 01:39/ 0 赞/ 627 阅读

相关轮询和长轮询优缺点分析

轮询和长轮询优缺点分析轮询：客户端定时向服务器发送Ajax请求，服务器接到请求后马上返回响应信息并关闭连接。优点：后端程序编写比较容易。缺点

àì夳堔傛蜴生んèń/ 2021年09月29日 10:20/ 0 赞/ 604 阅读

相关轮询、长轮询、长连接、websocket

　Web端即时通讯技术：即时通讯技术简单的说就是实现这样一种功能：服务器端可以即时地将数据的更新或变化反应到客户端，例如消息即时推送等功能都是通过这种技术实现的。但是在Web中

爱被打了一巴掌/ 2021年09月17日 13:52/ 0 赞/ 689 阅读

相关 Jenkins的定时构建与轮询SCM

jenkins的build Triggers中的定时构建与轮询构建。 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_

缺乏、安全感/ 2021年05月18日 20:36/ 0 赞/ 843 阅读