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