Url Ext.Ajax.request不工作

Url Ext.Ajax.request不工作,url,model-view-controller,extjs,Url,Model View Controller,Extjs,我使用的是ExtJSVersion4.1.1 在我的应用程序中,我有一个网格,它使用一个存储。 点击“点击我”按钮,我想重定向到服务器,出于测试目的,我使用一个基本的谷歌url, 但是我认为Ext.Ajax.Request类不起作用 请帮助,因为我是ExtJS新手,我没有意识到我正在犯的错误。 我正在记事本++和EclipseIDE(indigo版本)中尝试这一点。 两者输出相同,Ext.Ajax.Request部分不工作。 如果有人有我想发送的建议,那将非常有帮助 提前感谢 下面是我的html

我使用的是ExtJSVersion4.1.1 在我的应用程序中,我有一个网格,它使用一个存储。 点击“点击我”按钮,我想重定向到服务器,出于测试目的,我使用一个基本的谷歌url, 但是我认为Ext.Ajax.Request类不起作用 请帮助,因为我是ExtJS新手,我没有意识到我正在犯的错误。 我正在记事本++和EclipseIDE(indigo版本)中尝试这一点。 两者输出相同,Ext.Ajax.Request部分不工作。 如果有人有我想发送的建议,那将非常有帮助 提前感谢 下面是我的html和js文件

practiseCellEditEx.js

Ext.require([
    'Ext.data.*',
    'Ext.Ajax.',
    'Ext.grid.*'
]);

function getRandomDate() {
    var from = new Date(1900, 0, 1).getTime();
    var to = new Date().getTime();
    var date = new Date(from + Math.random() * (to - from));    
    return Ext.Date.clearTime(date);
}

function createFakeData(count) {
    var firstNames   = ['Ed', 'Tommy', 'Aaron', 'Abe'];
    var lastNames    = ['Spencer', 'Maintz', 'Conran', 'Elias'];            
    var data = [];
    for (var i = 0; i < count ; i++) {
        var dob = getRandomDate();           
        var firstNameId = Math.floor(Math.random() * firstNames.length);
        var lastNameId  = Math.floor(Math.random() * lastNames.length);
        var name        = Ext.String.format("{0} {1}", firstNames[firstNameId], lastNames[lastNameId]);
        data.push([name, dob]);
    }
    return data;
}

Ext.onReady(function(){
    Ext.define('Person',{
        extend: 'Ext.data.Model',
        fields: ['Name', 'dob']
    });

    var store = Ext.create('Ext.data.Store', {
        model: 'Person',
        autoLoad: true,
        proxy: {
            type: 'memory',
            data: createFakeData(10),
            reader: {type: 'array'}
        },
        sorters: [{
            direction:'ASC'
        }]
    });

    Ext.create('Ext.grid.Panel', {
        store: store,
        plugins: [
            Ext.create('Ext.grid.plugin.CellEditing', {
                clicksToEdit : 1
            })
        ],
        columns: [
            {
                text: "Name", 
                width:120, 
                dataIndex: 'Name',
                editor : {
                    xtype: 'textfield',
                    allowBlank:false
                }
            },
            {
                text: "DOB", 
                width: 120, 
                dataIndex: 'dob', 
                renderer: Ext.util.Format.dateRenderer('M d, Y'),
                editor: {
                    xtype: 'datefield',
                    format: 'M d, Y',
                    minValue: '01/01/1900',
                    maxValue: new Date()
                }
            },
            {
                xtype: 'actioncolumn',
                width: 30,
                sortable: false,
                menuDisabled: true,
                items: [{
                    icon: 'http://etf-prod-projects-1415177589.us-east-1.elb.amazonaws.com/trac/docasu/export/2/trunk/client/extjs/shared/icons/fam/delete.gif',
                    handler: function(grid, rowIndex, colIndex) {
                       store.removeAt(rowIndex);
                    }
                }]
            }
        ],
        renderTo:'example-grid',
        width: 280,
        height: 280

    });  

    Ext.create('Ext.Button', {
    text: 'Click me',
   // renderTo: Ext.getBody(),  
    renderTo:'myBtn',
    handler: getName
});

function getName (btn)  
   {
       alert("hello");
       var records = store.getAt(1);
       alert('the name at index 1 is:'+records.get('Name'));
       Ext.Ajax.request({
           url                 : 'https://www.google.co.in/'
                  });
   };
    /*
    function buttonClicked() {
    Ext.MessageBox.confirm( 'Delete this part ? :' );
}*/

});
Ext.require([
“Ext.data.*”,
“Ext.Ajax”,
“Ext.grid.*”
]);
函数getRandomDate(){
var from=新日期(1900,0,1).getTime();
var to=new Date().getTime();
var date=新日期(from+Math.random()*(to-from));
返回Ext.Date.clearTime(日期);
}
函数createFakeData(计数){
var firstNames=['Ed'、'Tommy'、'aron'、'Abe'];
var lastNames=['Spencer'、'Maintz'、'Conran'、'Elias'];
var数据=[];
对于(变量i=0;i
practiseCellEditEx.html

<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8 />
    <title>ExtJS Samples</title>
    <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
    <script type="text/javascript" src="../adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="../ext-all.js"></script>
    <script type="text/javascript" src="practiseCellEditEx.js"></script>

</head>
<body>
    <h2> <b>Helllo , today's Date is 02.12.2015 </b></h2>
        <div id="example-grid"></div>
        <!--<button id="myBtn"></button>-->
        <div id="myBtn"></div>
</body>


</html>

ExtJS示例
你好,今天的日期是2015年12月2日

问题似乎仅仅是到google.com的请求。在我的浏览器中,它被阻止,因为它是一个跨源请求(对另一个域的ajax请求),有关更多信息,请参见此处:


请求本地URL时使用相同的代码可以正常工作。

请帮助我,任何建议都会很有用。对不起,daolaf,我错误地编辑了您的答案,而不是编辑了我的帖子。我在你回复的帖子的编辑部分错误地发布了文件结构。对此表示歉意。关于将本地url添加为url:'data/showtudentinfo.html'对我不起作用,其中数据是一个文件夹,其中包含一个名为:showtudentinfo.html的简单html页面