Vue使用輪詢定時傳送請求程式碼
阿新 • • 發佈:2020-08-11
一、什麼是輪詢?
輪詢(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使用輪詢定時傳送請求程式碼就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。