Ajax timeout sencha 2 and phonegap

[bstrappazzon]

Hi every one,

I'm migrating an 1.1 sencha application packaged with phoneGap into sencha 2. I have some problems to reach with my REST web services when deployed on IOS simulator (and also in a real device).

Actually I always get a timeout when sending my request. I use the following piece of code :

Ext.Ajax.request({
         url: 'http://mydomain.com/ws/service',
         method:'GET',
        timeout: 5000,
         success: function(response){ 
            console.log('invocation succeeds');
            console.log(response);
        },
         failure: function(e){
            console.log('invocation fails with error', e);
        },
    })

Note that everything works fine in a web browser and in the 1.1 version.

This is the error object on the failure method.

• aborted: undefined
• request: Object
• requestId: NaN
• status: 0
• statusText: "communication failure"
• timedout: true
• __proto__: Object

Is there something wrong in my code? or maybe something in sencha integration with phonegap?

Thanks in advance for your help

Ben

[mitchellsimoens]

Timeout of 5 seconds isn't that long.

[bstrappazzon]

I've just figured out what happened. My WebService use http basic authentication and I use

Ext.Ajax.defaultHeaders = {    
    'Authorization' : buildBasicAuthParam('myLogin, 'mypass')
}

Where buildBasicAuthParam encode login:password in base 64.

I watched http header with wireshark and nothing appeared in my request headers.

Instead I add headers directly in my request like this

Ext.Ajax.request({         
       url: 'http://mydomain.com/ws/service',         
       method:'GET',        
       timeout: 5000,         
       headers : {            
             "Authorization": buildBasicAuthParam('mylogin', 'myPassword')         
      }, 
      success: function(response){            
              console.log('invocation succeeds');            
              console.log(response);        
        },         
         failure: function(e){       
                console.log('invocation fails with error', e);        
         },    
})

And this seems to solve my issue.

Maybe there is a bug in defaultHeaders implementation?