Back To Website Design Forum

Multiple AJAX-calls at the same time

  • zooounds
  • Born
  • Born
  • No Avatar
  • Joined: Aug 05, 2006
  • Posts: 4
  • Loc: Sweden
  • Status: Offline

Post August 14th, 2006, 8:53 am

Hi!

I'm trying to call multiple AJAX calls at the same time.

The problem is that only the latest call seems to return data and update the page properly.

Is it because my xmlHTTP object is global?

Any way to solve this?

This is my code:

Code: [ Select ]

   function GetXmlHttpObject()
   {
    var objXMLHttp = null;

    if (window.XMLHttpRequest)
    {
     objXMLHttp = new XMLHttpRequest();

     if (objXMLHttp.overrideMimeType)
     {
      objXMLHttp.overrideMimeType('text/xml');
     }
    }
    else if (window.ActiveXObject)
    {
     objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }

    return objXMLHttp;
   }


   function loadChannelData(destination)
   {
    xmlHttp = GetXmlHttpObject();

    if (xmlHttp == null)
    {
     return;
    }

    var url = "test_xml.php?destination=" + destination;

    xmlHttp.onreadystatechange = insertChannelData;
    xmlHttp.open("GET", url, true);
    xmlHttp.send(null);
   }

   function insertChannelData()
   {
    if (xmlHttp.readyState == 4)
    {
     var response  = xmlHttp.responseXML;
     var destination = response.getElementsByTagName('destination')[0].firstChild.data;
     var data    = response.getElementsByTagName('data')[0].firstChild.data;

     document.getElementById(destination).innerHTML = data;
    }
   }

   loadChannelData("alpha");
   loadChannelData("beta");
   loadChannelData("gamma");
  2.    function GetXmlHttpObject()
  3.    {
  4.     var objXMLHttp = null;
  6.     if (window.XMLHttpRequest)
  7.     {
  8.      objXMLHttp = new XMLHttpRequest();
  10.      if (objXMLHttp.overrideMimeType)
  11.      {
  12.       objXMLHttp.overrideMimeType('text/xml');
  13.      }
  14.     }
  15.     else if (window.ActiveXObject)
  16.     {
  17.      objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP");
  18.     }
  20.     return objXMLHttp;
  21.    }
  24.    function loadChannelData(destination)
  25.    {
  26.     xmlHttp = GetXmlHttpObject();
  28.     if (xmlHttp == null)
  29.     {
  30.      return;
  31.     }
  33.     var url = "test_xml.php?destination=" + destination;
  35.     xmlHttp.onreadystatechange = insertChannelData;
  36.     xmlHttp.open("GET", url, true);
  37.     xmlHttp.send(null);
  38.    }
  40.    function insertChannelData()
  41.    {
  42.     if (xmlHttp.readyState == 4)
  43.     {
  44.      var response  = xmlHttp.responseXML;
  45.      var destination = response.getElementsByTagName('destination')[0].firstChild.data;
  46.      var data    = response.getElementsByTagName('data')[0].firstChild.data;
  48.      document.getElementById(destination).innerHTML = data;
  49.     }
  50.    }
  52.    loadChannelData("alpha");
  53.    loadChannelData("beta");
  54.    loadChannelData("gamma");
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post August 14th, 2006, 8:53 am

  • Netlyte
  • Graduate
  • Graduate
  • No Avatar
  • Joined: Jun 06, 2006
  • Posts: 179
  • Status: Offline

Post August 14th, 2006, 10:27 am

When you say the latest call do you mean the very first time it returns the data and then it returns the same data?

Does it work correctly in Firefox?

If it works correctly in Firefox but not in IE then you can use this hack to get around it.

Current URL:
var url = "test_xml.php?destination=" + destination;

Change it to:
var url = "test_xml.php?destination=" + destination + "?datehack=" + new Date().getTime();

This will make IE think that each call is new and return the newest one each time.
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Joined: Feb 10, 2004
  • Posts: 13455
  • Loc: Florida
  • Status: Offline

Post August 14th, 2006, 12:40 pm

Quote:
Is it because my xmlHTTP object is global?

Yes.
Quote:
Any way to solve this?

Yes, use an Array or an Object to track multiple instances if you need them.

See the Prototype Framework for examples of this.
Strong with this one, the sudo is.
  • zooounds
  • Born
  • Born
  • No Avatar
  • Joined: Aug 05, 2006
  • Posts: 4
  • Loc: Sweden
  • Status: Offline

Post August 15th, 2006, 3:54 am

During the night I dreamed about another solution. It works great :)

Code: [ Select ]
   function loadChannelData(destination, channel_id, date)
   {
    var xmlHttp = GetXmlHttpObject();

    if (xmlHttp == null)
    {
     return;
    }

    var url = "get_channel_data.pl?channel_id=" + channel_id + "&date=" + date;

    xmlHttp.onreadystatechange = function () { insertChannelData(mlHttp); };
    xmlHttp.open("GET", url, true);
    xmlHttp.send(null);
   }
  1.    function loadChannelData(destination, channel_id, date)
  2.    {
  3.     var xmlHttp = GetXmlHttpObject();
  5.     if (xmlHttp == null)
  6.     {
  7.      return;
  8.     }
  10.     var url = "get_channel_data.pl?channel_id=" + channel_id + "&date=" + date;
  12.     xmlHttp.onreadystatechange = function () { insertChannelData(mlHttp); };
  13.     xmlHttp.open("GET", url, true);
  14.     xmlHttp.send(null);
  15.    }
  • purvi88
  • Born
  • Born
  • No Avatar
  • Joined: Dec 08, 2010
  • Posts: 1
  • Status: Offline

Post December 8th, 2010, 5:45 pm

Hey I dont understand what change you have made. Can you please post the whole code here? What is channel_id and what happened to the destination variable?
  • Satwant
  • Graduate
  • Graduate
  • User avatar
  • Joined: Dec 27, 2010
  • Posts: 126
  • Loc: Bangalore
  • Status: Offline

Post January 6th, 2011, 11:27 am

zooounds wrote:
During the night I dreamed about another solution. It works great :)

Cool One :)

Page 1 of 1

Post Information

  • Total Posts in this topic: 6 posts
  • Users browsing this forum: No registered users and 155 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.