[Ext JS]SimXhr.js__dc=1659315492151_65 Uncaught TypeError问题分析与解决| 成都西华升腾科技有限公司

Ext JS开发大全

CmsWing

[Ext JS]SimXhr.js__dc=1659315492151_65 Uncaught TypeError问题分析与解决

## [Ext JS]SimXhr.js__dc=1659315492151_65 Uncaught TypeError问题分析与解决
### 问题：
```
Uncaught TypeError: Cannot read properties of undefined (reading 'delay') 
at constructor.schedule (SimXhr.js?_dc=1659400019385:65:47) 
at constructor.send (SimXhr.js?_dc=1659400019385:83:16)    
at constructor.start (ext-all-rtl-debug.js?_dc=1659400019385:28127:13)
at constructor.request (ext-all-rtl-debug.js?_dc=1659400019385:29220:28)  
at constructor.sendRequest (ext-all-rtl-debug.js?_dc=1659400019385:102828:40)    
at constructor.doRequest (ext-all-rtl-debug.js?_dc=1659400019385:102819:19) 
at constructor.read (ext-all-rtl-debug.js?_dc=1659400019385:102110:31)    
at constructor.doExecute (ext-all-rtl-debug.js?_dc=1659400019385:92544:32) 
at constructor.execute (ext-all-rtl-debug.js?_dc=1659400019385:92177:35) 
at constructor.flushLoad (ext-all-rtl-debug.js?_dc=1659400019385:100968:23)
```

### 发生场景：
定义了一个Grid，Grid 的Store 使用的是后端的一个url ， 在Store 从后端取数据时报上述错误， 而且在 Chrome 控制台也没有看到请求被发出。
### 原因及解析：
出现问题的文件是 SimXhr.js， SimXhr 的全写是 Simulates an XMLHttpRequest ， 什么意思？ 也就是这是个模拟的XMLHttpRequest 。
Ext JS 提供了后端数据的模拟方式， 启用模拟数据的方式类似：
```javascript
  Ext.ux.ajax.SimManager.init({  
	  delay: 300     
	  }).register({ 
	  '/app/data/users': {   
	  type: 'json',  // use JsonSimlet (type is like xtype for components)         
	  data: function(){       
	  var datas = [];       
	  var iCount = Math.floor((Math.random() * 10) + 1); //获取1到10任意整数                    	
	  for(iCount;iCount>0;iCount--){   
	  datas.push({
	  "id":iCount,name:"user"+iCount,"city":"city"+iCount});  
	  }                 
	  return datas;    
	  }        
	  }      
  });
```

使用模拟配置之后， 整个应用的Ajax请求就会使用模拟配置的地址， 如果这个地址没有配置在模拟器中， 就会报错了。
### 解决方法：
使用模拟数据的场景可能有多种， 如果不使用模拟数据，自然也就不会有这个问题， 有就是删除Ext.ux.ajax.SimManager.init()的代码，但如果在需要模拟数据的状况下， 可以使用以下方式解决：
在真正使用后端请求加上配置 nosim: true 。示例代码类似：
```javascript
 Ext.Ajax.request({   
 url: 'myurl/xx',  
 nosim: true, //  
 params: {   
 id: 1     
 },   
 success: function(response){   
 var text = response.responseText;      
 // process server response here   
 }
}); 
```

购物车

0 ITEMS ON YOUR CART

Ext JS开发大全

[Ext JS]SimXhr.js__dc=1659315492151_65 Uncaught TypeError问题分析与解决

网站导航