使用 jsonp 加载内容答案

【问题标题】：Content loading with jsonp使用 jsonp 加载内容
【发布时间】：2012-08-23 16:55:10
【问题描述】：

我是 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',
                }
                }
            }
        }
    }
});

【问题讨论】：

标签： ajax jsonp sencha-touch-2

【解决方案1】：

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

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

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

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

编辑：

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

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

来自the documentation 的示例：

'https://ajax.googleapis.com/ajax/services/feed/find?v=1.0&q=Official%20Google%20Blogs&callback=processResults'

【讨论】：

那么我如何引导它在 jsonp 中回调