[ext-basex/$JIT 4.0 adapter extensions] Ajax enhancements and more.

**hyponym** · 12 Jul 2011 4:26 AM

I am getting serious problems in IE9 (Ext 3.4.0) when calling a function repeatedly.

I set up a test that makes a total of 150 requests at 20 second intervals
using unique ids in the postData obj.

The jsonp responses work fine in ie7/8 but fall over every time in IE9 around the 11th request

Code:

function xdmRequest(aUrl, postData) {
	Ext.Ajax.request({
        url: aUrl,
        method: 'POST',
        params : postData,
        timeout : 15000,
        isJSON  : true,
	proxied : true
    });
}

function xdmResult(options,success,response){
	console.log('received response from server: ' + response);
}

I can see all the requests coming back from the server (using Fiddler2 to log the traffic) so it seems to be failing to execute the return function somewhere.

**hendricd** · 13 Jul 2011 2:43 PM

Originally Posted by hyponym

I am getting serious problems in IE9 (Ext 3.4.0) when calling a function repeatedly.

I set up a test that makes a total of 150 requests at 20 second intervals
using unique ids in the postData obj.

The jsonp responses work fine in ie7/8 but fall over every time in IE9 around the 11th request

Code:

function xdmRequest(aUrl, postData) {
	Ext.Ajax.request({
        url: aUrl,
        method: 'POST',
        params : postData,
        timeout : 15000,
        isJSON  : true,
	proxied : true
    });
}

function xdmResult(options,success,response){
	console.log('received response from server: ' + response);
}

I can see all the requests coming back from the server (using Fiddler2 to log the traffic) so it seems to be failing to execute the return function somewhere.

@hyponym --

Can you post your request 'loop' used for the test case?

**hyponym** · 14 Jul 2011 1:02 AM

Sure, pm me if you want to use my actual url

Code:

var postcount = 0;
var globalInterval;

function loopedPost(){
	testPost();
	var f = function () {testPost(); };
	globalInterval = setInterval(f,2000);		
}

function testPost(){	
	postcount += 1;
	if (postcount > 150){
		postcount = 0;
		clearInterval(globalInterval);
		return;
	}
	
	var postobj = {			
		url 	: '',
		params 	: {json: 1, key : "keyvalue", id : postcount }
	};
	xdmRequest(postobj);
}

On the server (not the entire function):

Code:

function testReturn(){
	$id = $_REQUEST['id'];
        $returnArray = array('dummyval'=>'999', 'id'=>$id);
        $retval = json_encode($returnArray);
        echo 'xdmResult(0, 1, ' . $retval . ');';
}

**aratcliffe** · 4 Aug 2011 5:55 PM

I'd like to be able to setup global beforeload and complete listeners so that I can notify the user that the UI is loading. Is this possible?

Cheers
Adam

**hendricd** · 5 Aug 2011 4:22 AM

Originally Posted by aratcliffe

I'd like to be able to setup global beforeload and complete listeners so that I can notify the user that the UI is loading. Is this possible?

Cheers
Adam

@Adam,

First the first part -- no.
The framework must be loaded first in order to use any events.

For Ext 2, the Ext libs must be loaded in the <head> section. Create the necessary markup (your spinner, etc) in the <body> tag, and remove it when Ext.onReady callback is raised.

**jaufgang** · 5 Aug 2011 6:19 AM

In ext-basex, in the declaration for ext.capabilities.hasAudio, the line

Code:

aAudio = ('Audio' in window) ? new Audio('') : {},

can in some cases cause the browser to execute an http request. In a web page that has a <base href="http://something"> tag in its head, the call to

Code:

new Audio('')

will try to initialize the audio object by loading from the base url.

I noticed this while working on a web app of mine, the Net panel in firebug was showing an extra, unnecessary http request during each page load that didn't seem to be caused by anything I put in my page. It was only a minor annoyance, not a major bug, but it was irritating me that I couldn't figure out where it was coming from. Eventually, through elimination and stepwise debugging I eventually tracked the problem down to this line of code.

Fortunately, it seems to be possible to fix this problem by simply calling

Code:

new Audio()

without an empty string parameter.

Cheers!

**aratcliffe** · 6 Aug 2011 9:11 PM

@Doug,

Thanks for the reply. What I'm referring to by UI is a UI component loaded by $JIT - so Ext and $JIT will be loaded at the point at which I load the module. An example of this in my application is a preferences dialog that is lazily loaded as a $JIT module.

**hendricd** · 9 Aug 2011 3:35 AM

Originally Posted by jaufgang

..
I noticed this while working on a web app of mine, the Net panel in firebug was showing an extra, unnecessary http request during each page load that didn't seem to be caused by anything I put in my page. It was only a minor annoyance, not a major bug, but it was irritating me that I couldn't figure out where it was coming from. Eventually, through elimination and stepwise debugging I eventually tracked the problem down to this line of code.

Fortunately, it seems to be possible to fix this problem by simply calling

Code:

new Audio()

without an empty string parameter.

Cheers!

@jaufgang -- Nice digging on that one!

We've noticed similar behavior in Ext 4.x feature detection as well. We'll be looking at this one a bit closer.

Thanks Again.

**hendricd** · 9 Aug 2011 3:41 AM

Originally Posted by aratcliffe

@Doug,

Thanks for the reply. What I'm referring to by UI is a UI component loaded by $JIT - so Ext and $JIT will be loaded at the point at which I load the module. An example of this in my application is a preferences dialog that is lazily loaded as a $JIT module.

@Adam,

$JIT supports multiple inline callbacks in the request chain(s). You could simply inject them to create 'progress bars' or other visual aids to indicate such activity as each module is loaded:

Code:

$JIT(
  function(){  showMessage('Loading..);  },
  'assets/cls/preferences.js',
   function(ok){ 
    if(ok) {
      showMessage('Initalizing'); 
      new ns.cls.Preferences().show();
   }
 },
  ....
);

**Henrik Rutzou** · 11 Aug 2011 2:33 AM

Hi,

I have 3 remote combo's with initial field values where the value in combo 1 must be passed as a parameter for the combo 2 etc.

I'm on Ext JS 3.3.0

I'm trying to delay the AJAX call with baseX but async : false dosn't seem to have any effect.

In the same page I also uses Ext.Ajax.request and here the async : false is working fine.

Is that correct ?

Code:

,store              : new Ext.data.JsonStore({
    url                : "/pextrpcali/XAREG_CR.pgm"
    ,async             : false
    ,baseParams:{
        ses            : "21054531730886540020111111271173"
        ,req           : "14629009920882312020111140191292"
        ,func          : "getRows"
        ,valueField    : "EHXAID"
        ,displayField  : "select"
        ,filterId1     : ""
        ,filterId2     : ""
        ,filterId3     : ""
        ,filterId4     : ""
        ,filterId5     : ""
        ,filterId6     : ""
        ,filterId7     : ""
        ,filterId8     : ""
        ,filterId9     : ""
    }
    ,listeners: {
        beforeload: { 
            fn:function(store, options) {
                options.params.filterId1 = pxGetExtValueDelayed(panelId + "EHXXID", 1000);
                options.params.filterId2 = pxGetExtValueDelayed(panelId + "EHXJID", 1000);


            }
        }    
    }
})
,valueParam         : "value"
,mode               : "remote"
,editable           : true
,forceSelection     : true
,hiddenName         : "EHXAID"
,valueField         : "EHXAID"
,displayField       : "select"
,triggerAction      : "all"

PS. pxGetExtValueDelayed is a "dirty workaround" to make the beforelistener to wait:

Regards,
Henrik

[ext-basex/$JIT 4.0 adapter extensions] Ajax enhancements and more.

Thread Tools

Search Thread

Display

Repeated requests fail in IE9 (after 10+ reqs)

Repeated requests fail in IE9 (after 10+ reqs)

Global listeners for $JIT?

Global listeners for $JIT?

Tags for this Thread