json - Sencha touch 2 json + twitter = Access-Control-Allow-Origin

Question

我有这个代码：

Ext.define('myApp.view.Twitter',{
  extend: 'Ext.TabPanel',
  xtype: 'twitter',  
  requires: [
      'Ext.dataview.List',
      'Ext.data.reader.Json',
      'Ext.data.Store',
      'Ext.Map'
    ],
  config: {
    title:'Twitter',
    iconCls: 'twitter2',


        items: [        
        {
          xtype: 'list',
          title: 'Tweets',
          itemTpl : [            
            '<div>',
            '<div>',
            '<img class="tweetAvatar" src="{profile_image_url}"/>',
            '</div>',
            '<div>',            
            '{text}<br/>',
            'From:<a class="btnTweet" href="http://twitter.com/{screen_name}">@{screen_name}</a>',
            '</div></div>'
          ],
          disableSelection: true,
          store: {
            autoLoad: true,
            fields: [
                {
                    name:'text'
                },
                {
                    name: 'screen_name',
                    mapping: 'user.screen_name'
                },
                {
                    name: 'profile_image_url',
                    mapping: 'user.profile_image_url'
                }
            ],

            proxy: {
                type: 'ajax',
                url: 'http://api.twitter.com/1/statuses/user_timeline/my_name.json?count=25&include_rts=1&callback=?',
                //url: 'data.json',
                reader: {
                    type: 'json'         
                }
            }
          }
        },
        {
            title: 'Map',
            xtype: 'map',                
            useCurrentLocation: true,
            mapOptions: {
                    zoom: 12
            },
            listeners: {
                maprender: function(extMapComponent, googleMapComp){

                    var marker = new google.maps.Marker({
                         position: position = new google.maps.LatLng (extMapComponent._geo._latitude,extMapComponent._geo._longitude),
                         map: googleMapComp
                    });


                }
            }
        }
      ]
    }    
});

浏览器返回：

选项 http://api.twitter.com/1/statuses/user_timeline/my_name.json?count=25&include_rts=1&callback=?&_dc=1369506479735&page=1&start=0&limit=25 405（不允许的方法） Connection.js:319
XMLHttpRequest 无法加载 http://api.twitter.com/1/statuses/user_timeline/my_name.json?count=25&include_rts=1&callback=?&_dc=1369506479735&page=1&start=0&limit=25。Access-Control-Allow-Origin 不允许来源 http://m.my_domain.com。

一些解决方案？

Answer 1

只需将您的代理替换为 jsonp 代理即可。我还修改了 url 并删除了回调键。Sencha 在使用 jsonp 时会自动插入回调键。

proxy: {
    type: 'jsonp',
    url : 'http://api.twitter.com/1/statuses/user_timeline/my_name.json?count=25&include_rts=1'
}