ExtJS的4 - 跨域策略

Question

我有一個簡單的模型：

Ext.define('MovieModel', { 
     extend : 'Ext.data.Model', 
     fields : [ { 
      name : 'Title', 
      mapping : '@title', 
      type : 'string' 
     } ], 

     proxy : { 
      type : 'ajax', 
      url : 'http://www.imdbapi.com/?r=xml&plot=full', 
      method : 'GET', 
      reader : { 
       type : 'xml', 
       record : 'movie' 
      } 
     } 
    }); 

但這代碼不支持跨域策略。我怎麼能解決它？

Answer 1

首先擺脫r=xml PARAM的。取而代之的ajax代理使用jsonp之一：

proxy : { 
     type : 'jsonp', 
     url : 'http://www.imdbapi.com/?plot=full', 
     // jsonp uses its special method for retrieving data. So no need for the following row 
     //method : 'GET', 
     reader : { 
      type : 'json', 
      // the record param is used when data is nested construction 
      // which is not true in your case 
      //record : 'movie' 
     } 
    } 

這裏是demo。

Answer 2

谷歌是你的朋友。

http://aboukone.com/2011/02/04/how-to-post-cross-domain-and-access-the-returned-data-using-extjs/