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使用輪詢定時發送請求代碼就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持好吧啦網。