ExtJs的Ajax提交主要是:Ext.Ajax.request或form1.getForm().submit,超时时间默认是30秒!
看ExtJs对它的解释:
timeout 超时时间,请求的超时豪秒数(默认为30秒)。
The timeout in milliseconds to be used for requests. (defaults to 30000): Number
因此,一旦在使用中,长时间的操作数据库,这时候不仅需要在页面上添加waitMsg,而且需要重新设置超时时间,防止没有提交完成就中断操作。
注意:timeout属性 需要是毫秒,比如30秒就是 30 000 毫秒了;
demo如下:
var msgTip; // 一定要定义在使用前,且定义为全局变量
Ext.Ajax.request({
timeout: 600000,
url:'sendAllTitleToBK.action',
params : '',
method : 'POST',
success : function(response,options){
var respText = Ext.util.JSON.decode(response.responseText);
var msg=respText.msg;
// 更新列表
titleStore.reload({
params : {
'start' : 0,
'limit' : pgSize
}
});
msgTip.hide();
Ext.MessageBox.alert("提示",msg);
},
failure : function(response,options){
titleStore.reload({
params : {
'start' : 0,
'limit' : pgSize
}
});
msgTip.hide();
Ext.Msg.getDialog().setWidth(500);
Ext.Msg.alert('提示','页面处理请求失败!');
}
});
//==================超时会自动跳转到failure,后台程序却依然执行================
---注意超时提示信息的打印:
failure : function(response,options){
var reqst=response.status; // 根据返回的状态码值判断是否超时
if(reqst=='-1'){ // 超时的状态码为 -1
Ext.Msg.getDialog().setWidth(500);
Ext.MessageBox.alert("提示","发送超时,可能存在网络异常,检查后请重试...");
}else{
Ext.Msg.alert('提示','发布处理失败!');
}
}
分享到:
相关推荐
在EXTJS库中,`Ext.Ajax.request`是用于发送Ajax请求的核心方法,它支持异步和同步操作。本文将详细解析如何利用`Ext.Ajax.request`实现同步请求,并探讨其背后的原理和注意事项。 首先,我们需要理解Ajax的本质,...
标题"Ext.Ajax.request跨域"指出我们将探讨如何使用ExtJS库中的Ajax模块进行跨域请求。Ext.Ajax.request是ExtJS提供的一种发起Ajax请求的方式,它允许开发者向服务器发送异步HTTP请求。然而,由于浏览器的同源策略...
在EXTJS框架中,`Ext.ux.form.LovCombo`是一种自定义组件,它扩展了基本的`Ext.form.field.ComboBox`,提供了更丰富的功能,尤其是针对多选和联动选择的需求。这个组件通常用于创建具有“lov”(即“Look Up Value”...
ExtJs提供了Ext.Ajax.request方法来进行Ajax请求,但默认情况下,该方法不支持waitMsg属性,不像fp.form.submit方法提供了waitTitle和waitMsg属性来实现等待提示。为了解决这一限制,我们可以采用Ext.MessageBox的...
此外,`Ext.Ajax.request`还支持其他高级功能,如模拟表单提交(`method: 'POST', useDefaultXhrHeader: false, headers: {'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'}`),超时设置(`...
ExtJS之Ext.Ajax.request用法详解.docx
ExtJS之Ext.Ajax.request用法详解.pdf
动态加载本地数据到`Ext.Panel`通常涉及到异步请求,使用`Ajax`或`Store`的`load`方法,通过URL获取JSON或XML格式的数据,并将其渲染到面板内。 例如: ```javascript var panel = Ext.create('Ext.Panel', { ...
主要用例子说明extjs4的form表单的运用,其中有表单属性说明,表单控件运用说明如: title:'表单', //表单标题 bodyStyle:'padding:5 5 5 5', //表单边距 height:120, //表单高度 width:200, //表单宽度 ...
ExtJS之Ext.Ajax.request用法详解 (2).docx
ExtJS之Ext.Ajax.request用法详解 (2).pdf
`Ext.Ajax.request`是ExtJS中的一个方法,用于发起Ajax(异步JavaScript和XML)请求。它可以执行GET、POST、PUT、DELETE等各种HTTP操作。在默认情况下,这些请求是异步的,这意味着它们不会阻塞页面的其他操作,而是...
1、Ext.ux.aceeditor.Panel 2、Ext.ux.grid.feature.Tileview 3、Ext.ux.upload.Button 4、Ext.ux.toggleslide.ToggleSlide 5、Ext.ux.container.ButtonSegment 6、Ext.ux.grid.plugin.RowEditing 7、Ext.ux.grid....
总结,`Ext.FormPanel`的`getForm().submit()`更适合处理基于表单的数据提交,它简化了表单数据的处理和验证,而`Ext.Ajax.request`则提供了更高的灵活性,适用于各种HTTP请求,特别是当需要发送非表单数据或处理...
ExtJS是一个广泛使用的JavaScript库,特别适用于构建富客户端应用程序。在4.0版本中,它提供了许多强大的组件和工具,帮助开发者创建功能丰富的Web应用。本文将深入探讨Ext.util.Format.Number()函数,它是ExtJS 4.0...
### ExtJS ToolTip功能 #### 知识点详解 在ExtJS中,`ToolTip`功能是一种非常实用且灵活的功能,它允许用户在鼠标悬停在某个元素上时显示额外的信息。这种特性对于提高用户界面的可用性和用户体验尤其有用。本文将...
ExtJs 4.0的FormPanel对象提供了`getForm()`方法获取表单实例,然后通过`form.submit()`或`form.serialize()`方法完成数据的序列化。 4. **表单提交过程** - **创建表单组件**:首先,定义一个FormPanel,并在其...
在使用`Ext.Ajax.request`方法时,设置`async`参数为`false`可以使请求变为同步。例如: ```javascript Ext.Ajax.request({ url: 'your-url', method: 'GET', async: false, // 设置为false表示同步请求 ...
4. **Ajax支持**:通过Ext.Ajax对象,开发者可以轻松地进行异步请求,处理JSON或XML数据,实现页面的无刷新更新。 5. **图表组件**:ExtJS 3.3包含了丰富的图表组件,如柱状图、饼图、线图等,用于数据可视化。 6....
在EXTJS3中,`Ext.PagingToolbar()` 是一个非常重要的组件,用于在大量数据的网格或视图中实现分页功能。这个组件允许用户轻松地浏览和操作大量的记录,而不需要一次性加载所有数据,从而提高了应用程序的性能和用户...