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使用輪詢定時發送請求代碼就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。
相關文章:
1. JSP 中response.setContentType()的作用及參數2. idea開啟代碼提示功能的方法步驟3. ASP.NET MVC使用jQuery的Load方法加載靜態頁面及注意事項4. Docker究竟是什么 為什么這么流行 它的優點和缺陷有哪些?5. ASP.NET MVC實現城市或車型三級聯動6. Springboot集成jsp及部署服務器實現原理7. SpringMVC注解之@ResponseBody注解原理8. IntelliJ IDEA 2020常用配置設置大全(方便干活)9. AJAX POST數據中有特殊符號(轉義字符)導致數據丟失的解決方法10. vue自動添加瀏覽器兼容前后綴操作
