Databases
StackOverflow2013
Postsdbo
POconsecutive ajax calls freeze chrome and IE
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POconsecutive ajax calls freeze chrome and IE
    primarykey
    data
    text
    <p>i got a strange one. I have to make several consecutive ajax calls, and when a call is complete i update a progress bar. This works perfectly on FF but on the rest of the browsers what happens is that the screen freezes until all the calls are complete.</p> <p>I am not executing the calls in a loop, but by using some sort of recursion cause there's a lot of checking that needs to be done and a loop is not convenient. </p> <p>When i tried the same thing using a loop the outcome was more or less the same. Chrome or IE did not update the screen until all the ajax requests where done.</p> <p>What i noticed is that it works ok on FF and opera, but chrome (safari too i suppose) and IE9 are behaving strange. Also on Chrome, during these requests, the response body of the previous request is empty and will remain like that until all requests are done.</p> <p>Any ideas?</p> <p>Code is extensive, but here goes. There is a wrapper to ajax, $(db).bind is a callback for success. db.records is the Json result. Model is an object holding several controller functions</p> <pre><code>$(db).bind('tokenComplete',function(){ var x = db.records; if (!x.success) { model.callRollBack(); return false; } var next = parseInt(x.get.num)+ 1; if (typeof x.post.tokens[next] != 'undefined') { model.executeToken(next,x.post); } else { model.progressCurrent.find('div.report').html('all done!!'); } </code></pre> <p>});</p> <pre><code>model = { drawProgressBarsTotal : function(el,i,v) { var p = Math.floor(100 * i / versions.total); el.find('span').html(p); el.find('div.report').html('updating to : ' + v.version); el.find('.changeLog').html(v.changeLog); el.find('.changeLog').parents('div').show(); el.find('img').css({'background-position': 100 - p + '% 100%'}); }, executeToken : function(i,x) { if (this.fail == true) { return; } this.drawProgressBarsCurrent(this.progressCurrent,i+1,x); db.trigger = 'tokenComplete'; db.data = x; db.url = dbDefaults.url + '?num='+i+'&amp;action='+x.tokens[i];//bring the first $(db).loadStore(db); } </code></pre> <p>}</p> <p>loadStore :</p> <pre><code>$.dataStore = function( ds ) { $.fn.loadStore = function(ds){ $.ajax({ type: ds.method, url: ds.url, data: ds.data, dataType: ds.dataType, cache:false, async:true, timeout:ds.timeout?ds.timeout:10000, queue: "autocomplete", contentType:'application/x-www-form-urlencoded;charset=utf-8', accepts: { xml: "application/xml, text/xml", json: "application/json, text/json", _default: "*/*" }, beforeSend:function(){ loadStatus = true; }, success: function(data) { loadStatus = false; if(data) {ds.records=data;} $(ds).trigger(ds.trigger); }, error: function() { loadStatus = false; $(ds).trigger('loadError'); } });//END AJAX };//END LOADSTORE try { return ds; } finally { ds = null; } } </code></pre> <p>}</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USmbouclas
    1. USmbouclas
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POconsecutive ajax calls freeze chrome and IE
      1. This table or related slice is empty.
      1. VTDownMod
    2. VO
      singulars
      1. POconsecutive ajax calls freeze chrome and IE
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POconsecutive ajax calls freeze chrome and IE
      1. This table or related slice is empty.
      1. VTUpMod
    1. COShow us the code
      singulars
      1. POconsecutive ajax calls freeze chrome and IE
      1. USTRR
    2. COmake sure on your open method your using async without seeing the code no more can be said
      singulars
      1. POconsecutive ajax calls freeze chrome and IE
      1. USHotHeadMartin
    3. COasync is on, and the code (displayed above) works fine. The browsers are not updated though
      singulars
      1. POconsecutive ajax calls freeze chrome and IE
      1. USmbouclas
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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