Home/ Questions/Q 7750721
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T11:21:48+00:00

Currently I’m trying to populate a site dynamically. When I step through the code,

  • 0

Currently I’m trying to populate a site dynamically. When I step through the code, it works perfect. However, when I run it on page load as intended, it doesn’t work. The relevant code is:

<body onload="populate_all(string)";>

function populate_all(string)
{
  var split = string.split(" ");
  for(i = 0; i < split.length; i++)
  {
    populate(split[i], 'main'); 
  }
} 

function populate(string, location)
{
  if (string.length==0)
  { 
   document.getElementById(location).innerHTML="";
   return;
  }

  if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
   xmlhttp=new XMLHttpRequest();
  }
  else
  {// code for IE6, IE5
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

  xmlhttp.onreadystatechange=function()
 {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
  {
        var divTag = document.createElement("div");

        divTag.className ="info";

        divTag.innerHTML = xmlhttp.responseText;

        document.getElementById(location).appendChild(divTag);
  }
 }
 xmlhttp.open("GET","populate.php?string="+string,true);
 xmlhttp.send();
 }

I’ve read up on this issue enough to be pretty sure the php isn’t the issue. Basically: I’m running a javascript function with AJAX several times in a loop and the code only works when I debug it. Thanks for the help!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    1. Declare xmlhttp locally.

    2. Use a different variable name as location. location is a global variable, which holds properties and methods to manipulate the current location.

      function populate(string, s_location) {
    var xmlhttp;

    Currently, you keep overwriting the xmlhttp variable in the populate method. As a result, the xmlhttp object points to the last request.

    • 0