Problem with concurrent Ajax loads...

Problem with concurrent Ajax loads...

Hi,

I've been trying to troubleshoot a problem that occurs on every browser (Chrome, Safari, IE) other than Firefox.  I have a page that initiates 3 loads after the DOM is settled.  Each load is done from within separate script tags throughout the page and the response is placed inside of a span tag located just before the script.  Here is an example of one of them:

  1. <SPAN id="currentutil"><IMG src='/gif/loading.gif' align=middle /> Processing...</SPAN>
  2. <script type="text/javascript">
  3.     $(document).ready(function() {
  4.         $("span#currentutil").load('/cgi/ftlm.cgi?widget=currentutil&maxcurrent=5&timeout=3600', function(response, status, xhr) {
  5.             if (response == "") {
  6.                 $("span#currentutil").html('Query timed out.');
  7.             }   
  8.         })  
  9.     }); 
  10. </script>
The first one of these always loads but the others are sporadic.  Some times, they all 3 load, but most often, at least one of them fails.  I've used an alert to print the xhr readyState (0), status (0), and statusText (error) and I get this in Chrome's debugger:




And the details of the failure are:



I'm not very experienced with jQuery, so this is all I've been able to figure out.  I would be forever indebted if someone out there knows how to dig more deeply to figure out what might be going on.

Thanks in advance,

Brian