ExtJs 中 Ajax 连接超时设置与问题排查

ExtJS做Ajax请求时，Ext.Ajax.request()调用Ext.data.Connection.request()方法。 在Ext.data.Connection中默认timeout : 30000,，如果后台数据查询时间超过30秒，ExtJS就会报错。

这就需要修改ExtJS的超时时间：

1. 更改默认值的方式：Ext.Ajax.timeout=120000;  //120秒 

Ext.application({
    name: ' ........',
    appFolder: ' ........ ',
    stores: [],
    controllers: ['MainCtrl'],
    launch: function () {

      Ext.Ajax.timeout=120000;  //120秒 

       ........

     } 
});   可以在application中修改。

2.直接在request方法中修改 当前请求的超时时间：

  Ext.Ajax.request({    
          url: '........ ',    
          success: function(){........ },    
          failure: function(){........ },    
          timeout: 300000 
        });  
  3. 使用 Ext.data.Store 时：在proxy 对象属性中直接修改。

Ext.define( '........ ', {
    extend:'Ext.data.Store',
    fields:[ ........ ],
    proxy: {
    actionMethods:{read:'POST'},
        type: 'ajax',
        reader: {
            type: 'json',
            root: 'data'
        },
        timeout:1200000,
        url: '........'
    },
  autoLoad: true
});    

在项目中，遇到过这种情况，在MainCtrl.js 中加载了多个全局 Store来存储数据字典，其中一个数据比较大，经常30秒就超时。排查过程中才发现，

Ext.application({
    name: ' ........',
    appFolder: ' ........ ',
    stores: [],
    controllers: ['MainCtrl'],
    launch: function () {

      Ext.Ajax.timeout=120000;  //120秒 

       ........

     } 
});  虽然在application 的launch 方法中 修改了 超时时间，但MainCtrl.js的加载还在修改 超时时间之前，导致在MainCtrl.js中  Store加载数据 的请求超时时间还是30秒，用了第三种方法才修复。