Web 服务 - 无法使用脚本标记代理和 JSONP 让数据存储在 Sencha Touch 中工作

Question

我有一个面板，它应该使用来自外部web服务的JSONP。

models/VimeoModel.js

rpc.models.VimeoModel = Ext.regModel('rpc.models.VimeoModel', {
    fields: [
        {name: 'id', type: 'int'},
        {name: 'title', type: 'string'}
    ]
});

views/VideoView.js

rpc.views.VideoView = new Ext.Panel({
    id: 'VideoView',
    title: "Videos",
    tpl: VimeoTemplate,
    iconCls: "tv",
    dockedItems: [{ xtype: "toolbar", title: "Videos"}],
    store: 'rpc.stores.VimeoStore'
});

stores/VimeoStore.js

rpc.stores.VimeoStore = new Ext.data.Store({
    id: 'VimeoStore',
    model: 'rpc.models.VimeoModel',
    proxy: {
        type: 'scripttag',
        url: WebService.Url + WebService.Vimeo.Read,
        reader: {
            type: 'jsonp',
            root: 'results'
        }
    },
    autoLoad: true
});

templates/VimeoTemplate.js

var VimeoTemplate = new Ext.XTemplate([
    '<tpl for=".">',
        '<div>',
            '{title}',
        '</div>',
    '</tpl>'
]);

不幸的是，当页面加载时，没有数据被填充到VideoView中。

WebService请求如下所示
http://rpc.infinitas.ws/Vimeo/Read?_dc=1308067234445&limit＝25&callback=stcCallback1001
它正在返回JSONP响应

stcCallback1001({"results":[{"id":25036464,"title":"Power of A Surrendered Li..."},{"id":25036610,"title":"Child Dedication June 2011"},{"id":24734142,"title":"Power of A Surrendered Li..."},{"id":24884833,"title":"Finance Update June 2011"},{"id":24587711,"title":"Papua, Indonesia Sharing ..."},{"id":24232427,"title":"ICHTHUS: Coming King"},{"id":23868560,"title":"ICHTHUS: Healer"},{"id":23486615,"title":"ICHTHUS: Sanctifier"},{"id":23211649,"title":"ICHTHUS: Saviour"},{"id":23867961,"title":"Elder Announcement re: Br..."},{"id":22998163,"title":"Triumph of Grace: Risen L..."},{"id":23687914,"title":"Triumph of Grace: Reignin..."},{"id":23692076,"title":"KINGDOM now: For Thine Is..."},{"id":23694183,"title":"KINGDOM now: Deliver Us F..."}],"success":true});stcCallback1001({"results":[{"id":25036464,"title":"Power of A Surrendered Li..."},{"id":25036610,"title":"Child Dedication June 2011"},{"id":24734142,"title":"Power of A Surrendered Li..."},{"id":24884833,"title":"Finance Update June 2011"},{"id":24587711,"title":"Papua, Indonesia Sharing ..."},{"id":24232427,"title":"ICHTHUS: Coming King"},{"id":23868560,"title":"ICHTHUS: Healer"},{"id":23486615,"title":"ICHTHUS: Sanctifier"},{"id":23211649,"title":"ICHTHUS: Saviour"},{"id":23867961,"title":"Elder Announcement re: Br..."},{"id":22998163,"title":"Triumph of Grace: Risen L..."},{"id":23687914,"title":"Triumph of Grace: Reignin..."},{"id":23692076,"title":"KINGDOM now: For Thine Is..."},{"id":23694183,"title":"KINGDOM now: Deliver Us F..."}],"success":true});

当我启动Chrome Javascript控制台时，我得到一个错误

读取：1未捕获引用错误：stcCallback1001未定义

如果您需要更多信息，这里有分期付款应用程序
http://rpcm.infinitas.ws

Answer 1

问题出在您返回的javascript中。您正在输出两次回调。如果您点击问题中的jsonp链接，您应该会看到两个stcCallback1001调用。由于回调是在第一次回调之后删除的，所以第二次回调失败。

BTW您不需要指定callbackParam。

Answer 2

请参阅我对您的另一个问题提供的答案，Sencha Touch JSONP存储数据未显示在面板中。

主要问题是您希望将代理从type: 'scripttag'更改为type: 'jsonp'。一旦这样做，JSONP代理在向服务器发出请求之前应该负责创建适当的回调函数。

Answer 3

将读取器类型从'jsonp'改为'json'应该会返回正确的结果。