Sencha Touch - 错误 - JSON 恢复

Question

我联系你是因为我陷入了僵局。 我尝试使用“ScriptTag”从外部 Web 服务获取数据，但它不起作用，因为 Web 服务返回简单的 json 格式（无 JSONP）。

您知道是否还有另一种使用 sencha 检索 json 的方法？

var helloWorld = new Ext.Application({

Parking: Ext.regModel('Parking', {
    fields:[
        {name:'parkingName'},
        {name:'latitude'},
        {name:'longitude'},
        {name:'mapUrl'}
    ],
}),

launch: function() {
    this.tabs = new Ext.TabPanel({
        fullscreen: true,
        dockedItems: [{xtype:'toolbar', title:'JSON Recovery'}],
        tabBar: {
            ui: 'light',
            layout: {
                pack: 'center'
            }
        },
        items: [
            {cls:'Page1', title:'Page1', html:'Page1'},
            {
                cls: 'list',
                title: 'Page2',
                xtype: 'list',
                loadingText: 'Chargement',
                itemTpl:'<div>{parkingName}</div>',
                store: new Ext.data.Store({
                    autoLoad:true,
                    model: 'Parking',
                    proxy: {
                        type: 'scripttag',
                        url :  'http://walker.hotcity.lu/hotcity-central-server/webresources/parking/json?format-version=1_0&client-type=iPhone',
                        reader: {
                            type: 'json',
                            root: 'remoteObject'
                        },                      
                    }
                }),
                
            },
        ],
                        
    });

}

});

警告：资源被解释为脚本，但使用 MIME 类型 application/json 进行传输。

错误：未捕获的语法错误：意外的标记：

谢谢。

凯文.

Answer 1

您正在寻找的是 Ajax 代理。文档中有一些关于如何使用它以及如何配置它的示例。默认读取器是 JSON，因此只要您的模型与通过 JSON 检索到的信息匹配，就可以了。

您应该注意的另一件事是，JSONP 可以绕过跨站点脚本，但如果您没有部署到 walker.hotcity.lu 域，则浏览器将由于 同源政策。服务器必须使用正确的 CORS 进行响应标头以允许您的应用程序访问数据。