2015-01-16 275 views
1

加载商店,我需要通过跨域POST请求如何通过POST请求

Ext.define('MyDesktop.desktop.store.DesktopShortcutStore', { 


    extend: 'Ext.data.Store', 


    requires: [ 
    'MyDesktop.desktop.model.DesktopShortcutModel' 
    ], 


    constructor: function(cfg) { 
    var me = this; 
    cfg = cfg || {}; 
    me.callParent([Ext.apply({ 
     storeId: 'DesktopShortcutStore', 
     model: 'MyDesktop.desktop.model.DesktopShortcutModel', 
     autoLoad: false, 
     proxy: { 
     type: 'ajax', 
     url: getApiUrl() + 'account/desktop-shortcuts-list', 
     cors: true, 
     reader: { 
      type: 'json', 
      rootProperty: 'items', 
      successProperty: 'success' 
     }, 
     paramsAsJson: true, 
     actionMethods: { 
      read: 'POST' 
     }, 
     extraParams: { 
      fff: 'zzz' 
     } 
     } 
    }, cfg)]); 
    } 


}); 

加载店,但我有选择,没有“FFF”参数要求。

通过jQuery跨域正常工作。

使用

Ext.Ajax.useDefaultXhrHeader = false; 
Ext.Ajax.cors = true; 

是不是有帮助。

我在文档中找不到任何信息。

+0

通常,飞行前请求(OPTIONS)不需要额外的标头,因为它只是检查服务器是否允许来源。当飞行前结果是“合法的”时,实际的POST如下所示。 –

+0

通过POST加载商店的快捷方式是使用Ext.Ajax.request并自己分析响应或使用JSON响应属性。然后遍历记录并加载到商店中。 –

+0

我相信你不能对另一个域@BenjaminE做Ajax请求。 (由于http://en.wikipedia.org/wiki/Same-origin_policy)这就是他使用CORS的原因。另一个选择是使用JSONP代理,indapublic(尽管应该可以使用CORS) –

回答

0

这应该是最简单的解决方案。直接通过代理和POST加载商店可能需要一些覆盖,不确定是否值得花费(需要更多调查)。

var store = ...; 

Ext.Ajax.request({ 
    method: 'POST', 
    url: '...', 
    withCredentials: true, // for identity cookies 
    success: function(response) { 
     // given json array is returned 
     var data = Ext.decode(response.responseText); 

     Ext.each(data, function(r) { 
      store.add(r); 
     }); 
    } 
});