ExtJs 4中 Ext.Ajax.request提交实现waitMsg效果_extjs4 ext.ajax.request 如何实现类似waitmsg的进度条-优快云博客

本文介绍如何在ExtJS4中使用Ext.Ajax.request时显示加载等待提示（waitMsg）。通过创建LoadMask实例并在请求前后显示及隐藏该实例，可以有效提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ExtJs 4中 Ext.Ajax.request提交实现waitMsg效果

步骤1、在Ext.Ajax.request请求之前加一个mask图层

1 2	`var` `myMask =` `new` `Ext.LoadMask(Ext.getBody(), {msg:` `"请等候..."` `});` `myMask.show();`

步骤2、在Ext.Ajax.request回调函数里首先把图层隐藏掉

1	`if` `(myMask != undefined){ myMask.hide();}`

完整代码如下:

 
         //submitForm为form表单 
        
         var 
         myMask =  
         new 
         Ext.LoadMask(Ext.getBody(),{msg: 
         "请稍等,正在导入..." 
         }); 
        
         myMask.show(); 
        
         Ext.Ajax.request({ url: 
         "uploadAction" 
         , 
        
         method: 
         "POST" 
         , 
        
         params:{ 
        
         id:id 
        
         }, 
        
         success: 
         function 
         (){ 
        
         if 
         (myMask != undefined){ myMask.hide();} 
        
         Ext.Msg.alert( 
         "消息" 
         , 
         "文件导入成功!" 
         ); 
        
         }, 
        
         failure: 
         function 
         (){ 
        
         if 
         (myMask != undefined){ myMask.hide();} 
        
         Ext.Msg.alert( 
         "消息" 
         , 
         "文件导入失败!" 
         ); 
        
         } 
        
         });