未捕获的类型错误：无法调用方法“请求”；未定义的

Question

在我的 javascript 代码中，我不断收到以下错误：

Uncaught TypeError: Cannot call method 'request' of undefined

我的 Javascript 如下。任何帮助将不胜感激！

myJsonStore = {
    store1: new Ext.data.JsonStore({
        root: 'rootstore1',
        fields: ['UserID', 'UserName']
    })
};  

//------My panel------
items: [{                           
    xtype: 'combo',                          
    id: 'UName',                            
    fieldLabel: 'User',
    emptyText: 'All',                            
    store: myJsonStore.store1,                          
    displayField: 'UserName',                            
    valueField: 'UserID'                               
}] 

//--------------------

Ext.Ajax.request({                             
    url: "rPages/rLogMatchOdds.aspx",                            
    params: {                               
        m: 'init'                            
    },                                
    success: function(response) {     
        var data = Ext.decode(response.responseText);
        myJsonStore.store1.loadData(data);
    }
});

Ext.getCmp('UName').store.on('load', function(my, rec) {
    Ext.getCmp('UName').setValue(rec[0].get('UserName'));                         
}, this);

Answer 1

通常，当错误的形式为无法调用未定义的方法'X'时，这意味着您尝试调用X的任何对象都不存在。

在您的情况下，似乎 Ext.Ajax 未定义。解决此问题的最简单方法包括两个简单的步骤：

• 确保您已包含创建 Ext.Ajax 的 javascript 文件。如果您使用的是 ext-all.js 文件，那么您不必担心这一点。

• 确保在浏览器准备就绪之前不会执行任何代码。最好的方法是将所有代码包装在 中
Ext.onReady() 调用。我在下面提供了一个例子。

  Ext.onReady( function() { //这里是你的代码 });
  

您可以在 ExtJS 示例页面 中查看更多示例。

Answer 2

也被这个问题困扰了。

解决方案是您在 Ext.onReady 之前调用 Ext.require('Ext.Ajax') ，如下所示：

Ext.require('Ext.Ajax');

Ext.onReady(function() {
   Ext.Ajax.request({
     // your code here...
});