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的客户端部分，但您必须准备服务器端才能使用它。

Sencha docs on JSONP在标题在服务器端实施标题下有一个段落和一些代码示例：

同样this StackOverflow question解释了JSONP的全部内容。

Sencha Touch跨域jsonp返回语法错误

1 个答案: