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:
- <SPAN id="currentutil"><IMG src='/gif/loading.gif' align=middle /> Processing...</SPAN>
- <script type="text/javascript">
- $(document).ready(function() {
- $("span#currentutil").load('/cgi/ftlm.cgi?widget=currentutil&maxcurrent=5&timeout=3600', function(response, status, xhr) {
- if (response == "") {
- $("span#currentutil").html('Query timed out.');
- }
- })
- });
- </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