Vue使用輪詢定時發(fā)送請求代碼
一、什么是輪詢?
輪詢(Polling)是一種CPU決策如何提供周邊設備服務的方式,又稱“程控輸出入”(Programmed I/O)。輪詢法的概念是,由CPU定時發(fā)出詢問,依序詢問每一個周邊設備是否需要其服務,有即給予服務,服務結(jié)束后再問下一個周邊,接著不斷周而復始。 在WEB上來說就是客戶端一直向服務端發(fā)起請求,服務端返回數(shù)據(jù),不論返回什么都會再次向服務端發(fā)送請求。
二、采用定時器進行輪詢
<template> <div></div></template> <script>export default { data() { return { num: 0 }; }, created() { // 實現(xiàn)輪詢 window.setInterval(() => { setTimeout(this.getNewMessage(), 0); }, 3000); }, methods: { // 請求是否有新消息 getNewMessage: function() { console.log('請求' + this.num++ + '次'); } }};</script> <style scoped></style>
效果:
補充知識:vue 輪詢操作
創(chuàng)建一個彈出框
<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使用輪詢定時發(fā)送請求代碼就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持好吧啦網(wǎng)。
相關文章:
1. Spring下Filter過濾器配置全局異常處理的詳細步驟2. 使用idea開發(fā)javaWeb應用程序的思路(實現(xiàn)用戶的增刪改查)3. PHP中使用pthread拓展4. 解決spring @ControllerAdvice處理異常無法正確匹配自定義異常5. PHP 工程師面試的四個環(huán)節(jié)6. python與idea的集成的實現(xiàn)7. python基于openpyxl生成excel文件8. python Matplotlib數(shù)據(jù)可視化(2):詳解三大容器對象與常用設置9. 解決ajax的delete、put方法接收不到參數(shù)的問題方法10. XML解析錯誤:未組織好 的解決辦法
