`
endual
  • 浏览: 3579585 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

ExtJS的Ajax提交 后台时间长 前台无法接受

 
阅读更多
ExtJS的Ajax提交(Ext.Ajax.request或form1.getForm().submit)超时设置timeo...
2011-06-21 17:34

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

分享到:
评论
1 楼 RockMen 2013-01-23  
我也是这个问题,加了timeout后解决。非常感谢分享!

相关推荐

    extjs动态生成表格,前台+后台

    在本文中,我们将深入探讨如何使用ExtJS框架在前端动态生成表格,并结合后端数据进行展示。ExtJS是一个强大的JavaScript库,专用于构建富客户端Web应用程序,尤其在创建交互式用户界面方面表现突出。动态生成表格是...

    EXTJS网站后台以及JSP+JSTL+EL网站前台

    在"EXTJS网站后台"部分,我们可能涉及到以下几个关键知识点: 1. 数据管理:EXTJS提供了Model、Store和Proxy等概念,用于管理和同步后台数据。开发者可以通过Ajax请求与服务器进行数据交互,实现数据的增删改查操作...

    JSP中获取ExtJS.Ajax前台传递的JSON数据实现过程

    在JSP页面中获取由ExtJS和Ajax组合使用的前台传递的JSON数据并处理的过程,涉及到多个知识点和技术组件。这个过程通常包括以下几个关键步骤: 1. JSON数据的前台生成与传递: 使用ExtJS框架可以方便地构建用户界面...

    ExtJs5学生列表前台

    2. **数据绑定**:ExtJs5支持双向数据绑定,这意味着UI组件的状态可以直接与后台数据模型关联。在这个例子中,当学生名称被选中时,详细信息会自动更新,这得益于数据绑定机制。 3. **Store与Model**:Store是ExtJs...

    extjs4 + struct+ spring + hibernate 搭建后台

    在本项目中,ExtJS4负责前台展示,与后台进行数据交互,实现页面的动态加载和用户界面的交互功能。 **2. Structs2** Structs2是基于Java的MVC框架,它简化了Web应用的开发流程。Structs2提供了模型-视图-控制器的...

    extjs4中文视频下载地址

    - **Ajax 原理**:异步 JavaScript 和 XML 技术,通过后台与前台的异步交互,使得用户无需刷新整个页面即可完成数据的获取和更新。 - **Ajax 请求**:使用 ExtJS 的 Ajax 功能发送请求,包括 GET 和 POST 等不同类型...

    ext 前后台数据交互

    Ext.Ajax.request方法是Ext提供的一种异步调用后台服务的方式,该方法可以将前台的请求发送到后台,并将后台的响应返回到前台。该方法可以传递参数,例如url、params、success、failure等。 在上面的代码中,我们...

    Extjs酒店管理系统

    此外,Extjs 2.0支持AJAX技术,使得页面无需刷新即可实现数据的动态更新,提升了系统的响应速度。 其次,我们来看看系统采用的ASP.NET框架。ASP.NET是由微软提供的一个用于构建Web应用程序的平台,它支持C#编程语言...

    基于EXTJS框架的工作流设计器

    3. 当用户对工作流进行操作时,EXTJS会通过Ajax通信与后台交互,传递修改的数据。 4. LINQ to Sql在后台接收到请求后,处理数据操作,如添加、删除、更新工作流记录。 5. 后台处理完成后,将结果返回给前端,EXTJS...

    ASP.NET-[博客空间]ExtJs单用户Blog系统后台源码.zip

    后台使用ASP.NET处理这些操作,前台ExtJS展示文章列表,并提供交互式编辑功能。 3. **分类管理**:博客文章可按类别归档,用户可以添加、修改和删除分类,这同样依赖于ASP.NET的控制器和ExtJS的数据显示组件。 4. ...

    ASP.NET Extjs框架源码 教务系统框架源码 ASP.NET+Extjs框架 ASP.NET源码

    使用ASP.NET和ExtJS开发的教务系统框架,能够实现后台的数据处理和管理,以及前台的交互式界面展示,确保教务人员和学生能够方便地访问和操作各种信息。 综上所述,这个源码包提供了一个结合了ASP.NET和ExtJS技术的...

    基于ExtJs和SSH的在线图书销售系统

    总结来说,基于ExtJs和SSH的在线图书销售系统充分利用了现代Web技术的优势,实现了前台与后台的无缝衔接。前端的富用户体验与后台的强大功能相结合,为用户和管理员提供了全方位的服务。这种技术组合在当前的互联网...

    ext开发_前后台交互

    这是ExtJS中最直接的Ajax提交方式之一,适用于表单数据的提交。通过创建一个`FormPanel`实例,并调用`getForm().submit()`方法,可以轻松实现数据的发送与接收。此方法支持设置请求URL、参数、请求类型(如POST或...

    ExtJs、ASP.net运用Linq to SQL与SQL储存过程交互.

    在实际项目中,当数据量较大时,直接加载所有数据到前端可能会导致页面加载时间过长甚至崩溃,因此需要实现后台分页功能。后台分页的核心在于服务器端只返回当前页的数据,前端负责显示这部分数据并提供翻页功能。在...

    精通JS脚本之ExtJS框架.part2.rar

    分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计进度条、设计工具栏和菜单栏、设计面板、设计表格、设计表单、设计数据表、对Ajax的支持...

    Extjs页面验证(修订版)

    2. **前台与后台交互验证**: - 当客户端验证通过后,数据通常会被发送到服务器进行进一步验证。ExtJS提供了AJAX功能,通过`Ext.Ajax`对象进行异步请求。 - `form.submit()`方法可以提交整个表单数据到服务器。在...

    SSH2 注解 ExtJs前台 返回Json 的一个增删改查demo

    3. **Ajax异步请求**:ExtJs通过Ajax实现与服务器的异步通信,进行数据的获取、提交等操作。在增删改查的场景下,用户在前端操作后,对应的Ajax请求会发送到后端,SSH2接收到请求后处理业务逻辑,再以Json格式返回...

    Extjs简单版酒店管理系统

    .NET Framework的ASP.NET技术可以方便地创建Web服务或Web应用程序,使得前端可以通过AJAX请求获取和提交数据。 酒店管理系统的关键功能可能包括: 1. **房间管理**:维护房间的状态(空闲、已预订、清洁中等),...

    ASP.NET后台框架

    在这个特定的场景中,我们看到提到了"ExtJS",它是一个流行的JavaScript库,用于创建用户界面,特别是前台展示部分。让我们深入了解这两个技术以及它们如何协同工作。 ExtJS是一个前端开发框架,由Sencha公司开发,...

    Extjs4中的分页应用结合前后台

    在EXTJS4中,分页应用是实现大数据量展示时必不可少的功能,它可以有效地提高用户体验,减少页面加载时间。本文将详细介绍EXTJS4中如何实现分页,并结合后台进行数据交互。 前台部分: EXTJS4使用`Ext.data.Store`...

Global site tag (gtag.js) - Google Analytics