由于404错误但文件存在,无法在sencha中加载移动应用程序

时间:2013-04-14 09:22:19

标签: javascript sencha-touch

我是移动应用程序开发的初学者。为了从sencha开始,我遵循了简单的教程http://jbkflex.wordpress.com/2012/06/18/creating-a-simple-list-in-sencha-touch-2-0/

我设置了一个IIS文件夹,并添加了IIS AppPool\DefaultAppPool用户对创建的Web应用程序的完全权限。

好吧,我完成了编写代码(模型,存储和视图),但当我尝试加载html页面时,Chrome中出现以下错误:

GET http://localhost/test/data/contact.json?_dc=1365970529423&page=1&start=0&limit=25 404 (Not Found) 

但我有json文件:http://i.imgur.com/ANUS79C.png

为什么文件没有加载?为什么只有404?

完整的完整javascript代码:

Ext.application({
    name: 'Sencha',
    launch: function() {
        //creating our model
        Ext.define('Contacts',{
            extend:'Ext.data.Model',
            config: {
                fields:[
                    {name:'firstName' ,type:'string'},
                    {name:'lastName', type:'string'} ,
                    {name:'contactno', type:'string'},
                    {name:'address', type:'string'}
                ]
            }
        });
        //creating our store
        var contactStore = Ext.create('Ext.data.Store', {
            model:'Contacts',
            proxy:{
                type:'ajax',
                url:'data/contact.json',
                reader:'json'
            },
            autoLoad:true
        });
        //console.log("Store: ", moviesStore.data);
        //item template
         var itemTemplate = new Ext.XTemplate(
            '<tpl for=".">',
                '{firstName} {lastName}',
            '</tpl>'
        );

        //creating our List
        var contactList = Ext.create('Ext.dataview.List',{
            title: 'Contact List',
            store: contactStore,
            itemTpl: itemTemplate
        });
        //adding event to List
        contactList.on("itemtap",function(dataView,index,target,record,e){
           var first_name = record.data.firstName;
           var last_name = record.data.lastName;
           var contact = record.data.contactno;
           var address = record.data.address;
           Ext.Msg.alert("Contact: " + contact);
           //console.log(record.data.firstName);
        });

        //adding List to Main UI - Tab Panel
        Ext.create('Ext.tab.Panel',{
            fullscreen:true,
            items:[contactList]
        });
    }
});

1 个答案:

答案 0 :(得分:0)

当您的应用程序无法找到数据文件时,会出现此错误。

您尚未指定端口号。请指定端口号,例如localhost:8080 / test / data / contact.json然后尝试。