Question

In the following piece of JavaScript code, i’m executing GetData.php using AJAX. However, when i remove the comments to see the request object’s state property, it turns up as undefined, although the PHP script is getting executed properly and my page is changing as i want it to. But i still need the state property. Any clue on what’s going on here ?

 function refreshPage()
 {
    var curr = document.getElementById('list').value;
    var opts = document.getElementById('list').options;
    for(var i=0;i<opts.length;i++)
     document.getElementById('list').remove(opts[i]);
    var request = new XMLHttpRequest();
    request.onreadystatechange=
    function()
    {
        if(request.readyState == 4)
        {
          //alert(request.state);
          //if(request.state == 200)
          {
            fillOptions();
            var exists = checkOption(curr);
            var opts = document.getElementById('list').options;
            if(exists == true)
            {
                for(var i=0;i<opts.length;i++)
                  if(curr == opts[i])
                  {
                    opts[i].selected = true;
                    break;
                  }
            }
            else
            {
                opts[0].selected = true;
            }
            refreshData();
          }
          /*else
          {
             alert(request.responseText);
             //document.close();    
          }*/
       }
    }
    request.open("GET","GetData.php?Address=" + address + "&Port=" + port,true);
    request.send();
 }

Answer 1

Do you mean request.status not request.state?
Try changing it to the .status and it should work just fine 🙂