ExtJs定时消息提示框，类似于QQ右下角提示，ExtJs如何定时向后台发出两个请求并刷新数据实例

阳光穿透心脏的1/2处 2022-07-16 11:43 162阅读 0赞

## 实现思路： ##

>  *  1.加载页面，加载Ext.TaskManager.start()方法；
>  *  2.执行定时器方法；
>  *  3.获取地址向后台发送请求，参数传递到后台；
>  *  4.执行你想要的功能。

/** * 定时器结构 */
    var task = { 
    	run : function() { 
    		//请求...
    	},
    	interval : 1000,  //1秒
    };
    Ext.TaskManager.start(task);

一言不合就Copy：

/** * * 时间：2016-10-17 * * 作者：张擎宇 */
    Ext.define('Ext.xxx.xxx.xxx.xxx', { 
    	extend : 'Ext.xxx.xxx.xxx.xxx',
    	//初始化
    	init : function() { 
    		var self = this;
    		self.control({ 
    			//页面加载时这行render中的方法
    			render : function(panel) { 
    				var num = 1;		
    				var dataOne = 0;	
    				var dataTwo = 0;	
    
    				var task = { 
    					run : function() { 
    						if (num >= 1 && num <= 100 ) { 
    							
    							//请求一
    							Ext.Ajax.request({ 
    								url : 'xxxxxx/xxxxxx',	//后台请求地址
    								params : { 
    									name : 'xxx',	//传递的请求参数
    								},
    								success : function(record)
    								{ 
    									dataOne = Ext.JSON.decode(record.responseText);	//获取的请求结果
    								}
    							});
    							
    							//请求二
    							Ext.Ajax.request({ 
    								url : 'xxxxxx/xxxxxx',
    								params : { 
    									id : 0001,
    									name : 'seesun2012',
    									age : '120',
    								},
    								success : function(record)
    								{ 
    									dataTwo = Ext.JSON.decode(record.responseText);
    									var reusable = Ext.getCmp('windows_Id');
    									if (!reusable && (dataOne > 0 || dataTwo > 0)) { 
    										//创建一个窗体
    										reusable = Ext.create('Ext.window.Window', { 
    											title : '窗体',
    											heiht : 400,
    											width : 300,
    											id : 'windows_Id',		
    											closeAction : 'hide',
    											position : 'br',
    											useXAxis : false,
    											html : '<div style="width:300px;height:150px;margin-top:10px;">请求成功,xxxxx！</div><hr /><hr/><span style="with:100%;float:right;margin-right:10px;"><a id="dont_msg" href="#" style="color:blue;text-decoration:none;a:hover:red;">不再提醒</a></span>',
    										});
    										reusable.show();
    									}
    									//不再弹出提示
    									$('#dont_msg').on('click',function(){ 
    										num = 100;
    										reusable.destroy();		//销毁这个窗体
    									});
    									num++;	//如果成功,累加当前请求次数
    								}
    							});
    						}
    					},
    					interval : 10000,	//定时10秒钟向后台发一次请求
    					
    				};
    				Ext.TaskManager.start(task);
    
    			}
    
    		});
    	},
    });

注：以上内容仅提供参考和交流，请勿用于商业用途，如有侵权联系本人删除！

--------------------

## 持续更新中… ##

如有对思路不清晰或有更好的解决思路，欢迎与本人交流，QQ群：273557553，个人微信：  
你遇到的问题是小编创作灵感的来源！

--------------------