Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to send headers while using jsonp proxy?
    primarykey
    data
    text
    <p>I am trying to get data from web services from my app to load a list and to load more on scroll using pull refresh &amp; ListPaging plugins. I tried this with flickr API and it works fine, but problem comes when I try to access our own services because they expect "Authorization" header with Base64 encoded data and "Accept" header to decide format of response. </p> <p>This is how I have defined my store:</p> <pre><code>Ext.define('myshop.store.CatalogListStore',{ extend:'Ext.data.Store', requires: [ 'myshop.model.CatalogListItem' ], config:{ model:'myshop.model.CatalogListItem', autoLoad :true, proxy: { type: 'jsonp', url: 'http://192.168.23.89:7003/xxx-service/test/catalog/list', useDefaultXhrHeader : false, withCredentials:true, method : 'GET', headers: { 'Accept': 'application/json', 'Authorization': 'Basic YX5iOmM=' }, extraParams: { format : 'json', pagesize : 10 }, reader: { type: 'json', rootProperty: 'categories.data' } } } } </code></pre> <p>This is what I see in Chrome's network console:</p> <pre><code>Request URL:http://192.168.23.89:7003/xxx-service/test/catalog/list?_dc=1354529083930&amp;format=json&amp;pagesize=10&amp;page=1&amp;start=0&amp;limit=25&amp;callback=Ext.data.JsonP.callback2 Request Method:GET Status Code:403 Forbidden **Request Headers** Accept:*/* Accept-Charset:ISO-8859-1,utf-8;q=0.7,*;q=0.3 Accept-Encoding:gzip,deflate,sdch Accept-Language:en-US,en;q=0.8 Connection:keep-alive Host:192.168.23.89:7003 Referer:http://localhost/myshop/ User-Agent:Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/536.11 (KHTML, like Gecko) Ubuntu/12.04 Chromium/20.0.1132.47 Chrome/20.0.1132.47 Safari/536.11 **Query String Parameters** _dc:1354529083930 format:json pagesize:10 page:1 start:0 limit:25 callback:Ext.data.JsonP.callback2 Response Headersview source Content-Length:0 Content-Type:text/xml Date:Mon, 03 Dec 2012 10:04:40 GMT Server:Apache-Coyote/1.1 </code></pre> <p>If I use Poster to access these services with Authorization header I am able to see response but since Headers are not passed in request I am getting "403 forbidden" status.</p> <p>If I use headers like this it works :</p> <pre><code>Ext.Ajax.request({ url: 'resources/data/templates.json', headers: { 'Accept': 'application/json', 'Authorization': 'Basic T3JkZXJSZWxlYXNlUmVmcmVzaGVyfk9yZGVyUmVsZWFzZVJlZnJlc2hlcjpPcmRlclJlbGVhc2VSZWZyZXNoZXI=' }, success: function(rsp){ } }); </code></pre> <p>but I cannot do this because I want to use listPaging plugin.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload