1. 程式人生 > 程式設計 >Vue使用輪詢定時傳送請求程式碼

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使用輪詢定時傳送請求程式碼

補充知識: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使用輪詢定時傳送請求程式碼就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。