Sencha Touch跨域jsonp返回语法错误

Question

我有以下代码从另一个域检索JSON结构并将其显示在页面上。

但是，什么都没有出现，并且我在控制台中收到此错误：

Uncaught SyntaxError：意外的令牌：People.json：2

我已经将我的JSON传递给JSON验证器，并且返回为有效。

这是我的代码：

    Ext.define("Person", {
        extend: "Ext.data.Model",
        config: {
            fields: [
                { name: 'Id', type: 'int'},
                { name: 'Name', type: 'string'},
                { name: 'Email', type: 'string'}
            ]
        }
    });

    var myStore = Ext.create("Ext.data.Store", {
        model: "Person",
        proxy: {
            type: "jsonp",
            url: 'http://example.com/People.json',
            reader: {
                type: "json",
                rootProperty: "Person"
            }
        },
        autoLoad: true
    });

    Ext.create("Ext.List", {
        fullscreen: true,
        store: myStore,
        itemTpl: "{Name}, {Id}"
    });

这是我的JSON文件的内容：

{
    "Person": [
        {
            "Id": 0,
            "Name": "Robert Lara",
            "Email": "rolara@example.com"
        },
        {
            "Id": 1,
            "Name": "Tom Hicks",
            "Email": "tohicks@example.com"
        }
    ]
}

Answer 1

JSONP并不是从字面上传输JSON，它希望http://example.com/People.json是调用回调函数的Javascript文件。

您已经使用Sencha处理了JSONP的客户端部分，但是您必须准备服务器端才能使用它。

JSONP上的Sencha文档在 “在服务器端实现 ”标题下有一个段落和一些代码示例：

这个StackOverflow问题也解释了JSONP的全部含义。