本文介绍如何在ExtJs中使用Ext.Ajax.request实现类似form.submit的waitMsg等待提示效果。由于Ext.Ajax.request本身不支持waitMsg属性，需通过手动创建Ext.LoadMask组件并在请求前后控制其显示与隐藏来完成加载状态的展示。
Ext.Ajax.request不支持waitMsg属性
在ExtJs中，fp.form.submit方法提供了waitMsg属性，用于设置提交时的等待提示信息，例如： 然而，对于Ext.Ajax.request方法而言，直接使用waitMsg属性是无效的。
fp.form.submit({
url : '',
waitTitle : "[性别]修改",
waitMsg : '正在提交数据,请稍后... ...',
success : function(form, action) {
Ext.MessageBox.alert('提示信息',action.result.msg);
},
failure : function(form, action) {
Ext.MessageBox.alert('提示信息', "更新性别有误！");
}
}); 手动实现等待提示效果
为了实现Ext.Ajax.request的等待提示效果，需要手动处理加载状态。具体做法是使用Ext.LoadMask组件来显示提示信息，并在请求成功或失败时隐藏该提示。
Ext.MessageBox.confirm('Message', '请问您确定要修改性别吗？', function(btn) {
if (btn == 'yes'){
var myMask = new Ext.LoadMask(Ext.getBody(), {
msg: '正在提交申请，请稍后！'
});
myMask.show();
Ext.Ajax.request({
url : '',
params : {
sex : sex
},
success : function(response,option) {
var res = Ext.decode(response.responseText);
if(res.success){
myMask.hide();
Ext.MessageBox.alert('提示信息', res.msg);
}else{
myMask.hide();
Hs.util.Msg('提示信息', res.msg);
}
},
failure : function(form, action) {
myMask.hide();
Hs.util.Msg('提示信息', response.msg);
}
});
}
});以上介绍了ExtJs中Ext.Ajax.request实现waitMsg等待提示效果的方法，希望能帮助到大家。如有任何疑问，欢迎留言，小编会及时回复。感谢大家对本站的支持！