没有根和跨域无法正确读取 JSON答案

【问题标题】：Unable to Get JSON to Read Properly Without Root and Cross Domain没有根和跨域无法正确读取 JSON
【发布时间】：2015-06-12 14:49:29
【问题描述】：

我之所以问这个只是因为我似乎已经尝试了所有我能找到的东西，而且它必须比我做的更容易。

我正在使用 Sencha Touch（EXTJS 知识仍然很有帮助）。当我 console.log 商店时，它没有显示任何项目/数据。我从商店的加载调用中得到了很好的响应，但它没有进入商店。感谢您的帮助。

型号：

Ext.define('NQT.model.NENEventsModel', {
extend: 'Ext.data.Model',
fields: [
    {name: 'regionId', type: 'int', mapping: 'regionId'},
    {name: 'regionName', type: 'string', mapping: 'regionName'},
    {name: 'state', type: 'string', mapping: 'state'},
    {name: 'switchId', type: 'int', mapping: 'switchId'},
    {name: 'switchName', type: 'string', mapping: 'switchName'}
]
});

商店：

Ext.define('NQT.store.NENEventsStore',
{
extend: 'Ext.data.Store',
storeId: 'NENEventsStore',
config: {
    model: 'NQT.model.NENEventsModel',
    proxy: {
        type: 'jsonp',
        url: 'http://this_is_not_the_url.com:8080/rest/json',
        method: 'GET',
        pageParam: false,
        startParam: false,
        limitParam: false,
        noCache: false,
        reader: {
            type: 'json',
            rootProperty: ''
        }
    }
}
});

部分视图：

var eventsStore = Ext.create('NQT.store.NENEventsStore');

       {
            xtype: 'grid',
            titleBar: false,
            store: eventsStore,
            columns: [
                {text: 'regionId', dataIndex: 'regionId', width: 150},
                {text: 'regionName', dataIndex: 'regionName', width: 150},
                {text: 'state', dataIndex: 'state', width: 150},
                {text: 'switchId', dataIndex: 'switchId', width: 150},
                {text: 'switchName', dataIndex: 'switchName', width: 150}
            ]
        },
        {
            xtype: 'button',
            docked: 'bottom',
            text: 'Reload Grid',
            handler: function () {
                console.log(eventsStore);
                eventsStore.load();
            }
        }

JSON 示例：

[{"regionId":1,"regionName":"NY Metro","state":"NJ","switchId":167,"switchName":"Jersey City 1"},
{"regionId":1,"regionName":"NY Metro","state":"NY","switchId":2029,"switchName":"Farmingdale 1"},
{"regionId":4,"regionName":"New England","state":"CT","switchId":203,"switchName":"Wallingford 1"}]

【问题讨论】：

您的回复看起来不正确，请参阅：docs-origin.sencha.com/touch/2.4/2.4.1-apidocs/#!/api/…
你是对的；它缺少 Ext.data.JsonP.callback。我会看看我能做什么。

标签： javascript json extjs sencha-touch jsonp

【解决方案1】：

正如 Evan Trimboli 所指出的，我的反应并没有我想象的那么好；它缺少应该在它之前的 Ext.data.JsonP.callback。我为该 URL 创建了一个 Web 服务，这样我就可以正确地进行调用而不会带来安全风险。

部分服务：

<?php

$app->group('/secret', function () use ($app) {
$app->get('/getData', function () use ($app) {
    $callback = $app->request()->get('callback');
    $events = file_get_contents("http://example_url.com:8080/this/is/the/path");
    if(!empty($callback)){
        $app->contentType('application/javascript');
        echo sprintf("%s(%s)", $callback, $events);
    } else {
        echo $events;
    }
});
});

?>

【讨论】：