`
huoyunshen888
  • 浏览: 83502 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

ExtJS的Ajax提交(Ext.Ajax.request或form1.getForm().submit)超时设置timeo...

 
阅读更多
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('提示','发布处理失败!');
      }
     }

分享到:
评论

相关推荐

    Ext.Ajax.request2.x实现同步请求

    在EXTJS库中,`Ext.Ajax.request`是用于发送Ajax请求的核心方法,它支持异步和同步操作。本文将详细解析如何利用`Ext.Ajax.request`实现同步请求,并探讨其背后的原理和注意事项。 首先,我们需要理解Ajax的本质,...

    Ext.Ajax.request跨域

    标题"Ext.Ajax.request跨域"指出我们将探讨如何使用ExtJS库中的Ajax模块进行跨域请求。Ext.Ajax.request是ExtJS提供的一种发起Ajax请求的方式,它允许开发者向服务器发送异步HTTP请求。然而,由于浏览器的同源策略...

    extjs-Ext.ux.form.LovCombo下拉框

    在EXTJS框架中,`Ext.ux.form.LovCombo`是一种自定义组件,它扩展了基本的`Ext.form.field.ComboBox`,提供了更丰富的功能,尤其是针对多选和联动选择的需求。这个组件通常用于创建具有“lov”(即“Look Up Value”...

    ExtJs的Ext.Ajax.request实现waitMsg等待提示效果

    ExtJs提供了Ext.Ajax.request方法来进行Ajax请求,但默认情况下,该方法不支持waitMsg属性,不像fp.form.submit方法提供了waitTitle和waitMsg属性来实现等待提示。为了解决这一限制,我们可以采用Ext.MessageBox的...

    Ext.Ajax.request 小问题收集

    此外,`Ext.Ajax.request`还支持其他高级功能,如模拟表单提交(`method: 'POST', useDefaultXhrHeader: false, headers: {'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'}`),超时设置(`...

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    动态加载本地数据到`Ext.Panel`通常涉及到异步请求,使用`Ajax`或`Store`的`load`方法,通过URL获取JSON或XML格式的数据,并将其渲染到面板内。 例如: ```javascript var panel = Ext.create('Ext.Panel', { ...

    extjs4的Ext.frorm.Panel控件属性说明和表单控件说明

    主要用例子说明extjs4的form表单的运用,其中有表单属性说明,表单控件运用说明如: title:'表单', //表单标题 bodyStyle:'padding:5 5 5 5', //表单边距 height:120, //表单高度 width:200, //表单宽度 ...

    ext-basex.js 进行Ext.Ajax.request 同步请求 FF无法正常

    `Ext.Ajax.request`是ExtJS中的一个方法,用于发起Ajax(异步JavaScript和XML)请求。它可以执行GET、POST、PUT、DELETE等各种HTTP操作。在默认情况下,这些请求是异步的,这意味着它们不会阻塞页面的其他操作,而是...

    extjs4.1-ux.rar

    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 提交和 Ext.Ajax.request 异步提交函数的区别

    总结,`Ext.FormPanel`的`getForm().submit()`更适合处理基于表单的数据提交,它简化了表单数据的处理和验证,而`Ext.Ajax.request`则提供了更高的灵活性,适用于各种HTTP请求,特别是当需要发送非表单数据或处理...

    ExtJS ToolTip功能

    ### ExtJS ToolTip功能 #### 知识点详解 在ExtJS中,`ToolTip`功能是一种非常实用且灵活的功能,它允许用户在鼠标悬停在某个元素上时显示额外的信息。这种特性对于提高用户界面的可用性和用户体验尤其有用。本文将...

    ExtJs4.0 表单提交Demo

    ExtJs 4.0的FormPanel对象提供了`getForm()`方法获取表单实例,然后通过`form.submit()`或`form.serialize()`方法完成数据的序列化。 4. **表单提交过程** - **创建表单组件**:首先,定义一个FormPanel,并在其...

    extjs ajax同步请求所需js

    在使用`Ext.Ajax.request`方法时,设置`async`参数为`false`可以使请求变为同步。例如: ```javascript Ext.Ajax.request({ url: 'your-url', method: 'GET', async: false, // 设置为false表示同步请求 ...

    ExtJs3.3中文API.CHM_extjs3.3中文文档_

    4. **Ajax支持**:通过Ext.Ajax对象,开发者可以轻松地进行异步请求,处理JSON或XML数据,实现页面的无刷新更新。 5. **图表组件**:ExtJS 3.3包含了丰富的图表组件,如柱状图、饼图、线图等,用于数据可视化。 6....

    EXTJS3 Ext.PagingToolbar() 快捷键应用

    在EXTJS3中,`Ext.PagingToolbar()` 是一个非常重要的组件,用于在大量数据的网格或视图中实现分页功能。这个组件允许用户轻松地浏览和操作大量的记录,而不需要一次性加载所有数据,从而提高了应用程序的性能和用户...

    Extjs4.X下comboboxTree下拉树型菜单,完美支持多选、单选,绝对好用

    Ext.create('Ext.form.field.ComboBox', { fieldLabel: '选择部门', store: Ext.create('Ext.data.TreeStore', { model: 'Department', root: { text: '所有部门', expanded: true, children: [ /* ... *...

    ExtJs选中var editor = new Ext.ux.grid.RowEditor详解

    Ext.Ajax.request({ url: "updateuser.aspx", params: { data: Ext.encode(record.data), // 将数据编码成字符串形式 id: record.id }, success: function() { alert(10); } }); grid.getView().refresh...

    Ext.get与Ext.fly 的区别

    在EXTJS这个强大的JavaScript框架中,`Ext.get`和`Ext.fly`是两个非常重要的方法,它们都用于操作DOM元素,但它们之间存在着微妙的差异。了解这些差异对于优化代码性能和理解EXTJS的工作机制至关重要。 首先,`Ext....

    Ext Extjs 禁止文本和日期编辑

    总的来说,通过设置`readOnly`属性或`disabled`属性以及监听事件,我们可以轻松地在Ext JS中实现文本字段和日期选择器的只读功能。这有助于增强用户体验,同时确保数据的安全性。在实际开发过程中,可以根据具体需求...

    Ext.ux.UploadDialog.zip

    EXTjs是一个广泛使用的JavaScript库,特别适用于构建富客户端应用程序。其强大的组件模型使得开发者能够创建各种复杂的用户界面。"UploadDialog"是EXTjs中的一个扩展(Extension),它为用户提供了一个集成的文件...

Global site tag (gtag.js) - Google Analytics