1

我是sencha touch2的初学者。我正在尝试创建一个包含博客视图的应用程序。博客的代码如下。当我启动应用程序时，内容无法加载，出现这些错误。我正在使用 wamp 作为本地主机。 

XMLHttpRequest cannot load "  http://secureclick-media-maynemyltf.netdna-ssl.com/Extensions/rjs/c2.js".  Origin< http://localhost> is not allowed by Access-Control-Allow-Origin.

XMLHttpRequest cannot load  " http://api.yontoo.com/GetClientData.ashx?key=null&id=47a8564d-d089-4195-9564-72f107ea1c56&loc=http%3A//localhost/GS/&apps=bestvideodownloader,ezLooker,pagerage,buzzdock,toprelatedtopics,twittube".  Origin <http://localhost> is not allowed by Access-Control-Allow-Origin.


Ext.define('GS.view.blog',
{
        extend:'Ext.navigation.View',
    xtype: 'blogpanel',

    config:{
        title: 'Blog',
        iconCls: 'star',

        items:
        {
            xtype:'list',
            itemTpl:'{title}',
            store:
            {   
                autoLoad: true,
                fields:['title','author','content'],

                proxy:
                {
                    type:'jsonp',
                    url: 'https://ajax.googleapis.com/ajax/services/feed/load?v=1.0&q=http://feeds.feedburner.com/SenchaBlog',
                reader:
                {
                        type:'json',
                    rootProperty:'responseData.feed.entries',
                }
                }
            }
        }
    }
});
4

1 回答 1

1

您调用的不是JSONP服务，而是 JSON 服务。您可以通过从浏览器调用URL来检测它，并查看内容不是通过方法调用开始的。

所以你没有绕过跨域保护。

您不能只告诉服务器您希望它在 JSONP 中回答：它必须准备好做出这样的回答。

而且您的浏览器不会让您从另一个域访问以 json 应答的服务器，并且没有设置一个标头来指定他接受这个跨域请求。读这个。

编辑 ：

您可以使用 JSONP 调用此服务：您只需在 URL 末尾指定一个回调。

除了这种响应格式，该协议还支持经典的 JSON-P 风格的回调，它通过指定回调参数触发，指示 API 将 JSON 对象作为参数传递给指定的回调。

文档中的示例：

'https://ajax.googleapis.com/ajax/services/feed/find?v=1.0&q=Official%20Google%20Blogs&callback=processResults'
于 2012-08-23T16:59:31.010 回答