JavaScript Forum

**elcosmo** · 01-13-2010, 05:52 AM

This is the same ajax script I always use, but for some reason it takes 5 minutes before it calls the data.
After five minutes the requist starts and is don in a sec.

Here's the code :

PHP Code:


			
<?php
 include("files/checklogin.php");
 $query = mysql_query("SELECT * FROM `probleemtypen`");
 $rows = mysql_num_rows($query);
?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
 <head>
  <title>
   ICT HELPDESK | van den Udenhout Groep
  </title>
  <link rel="stylesheet" type="text/css" href="../style/main.css" />
 
<script lang="javascript">
<!--
//ajax requist script voor selectie vlakken
var xmlhttp
//Oproepen gegevens voor subtype
function loadSub(str)
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  }
var url="files/select_subtype_option.php";
url=url+"?q="+str;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
function stateChanged()
{
if (xmlhttp.readyState==4)
  {
  document.getElementById("subDiv").innerHTML=xmlhttp.responseText;
  }
}
//
function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
  {
  return new XMLHttpRequest();
  }
if (window.ActiveXObject)
  {
  return new ActiveXObject("Microsoft.XMLHTTP");
  }
return null;
}
-->
</script>
  <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />   
 </head>
 <body>
  <div id="wrapper">
 
   <div id="header"><!--Header div-->
    <img src="../style/images/udenhout_logo.gif" alt="logo" height="55" style="float: left;" />
    <div height="70">
     <h3 style="float: right;">Probleem Toevoegen<br />
      <div id="link" width="100%" height="25" align="right" >
       <a class="link_index" href="index.php">INDEX</a>
      </div>
     </h3>
    </div>
   </div>
 
   <div id="page">   
    <div width="100%" align="center">
     <table align="center">
      <tr>
       <form action="" method="POST">
        <td><b>Probleemtype</b></td> 
        <td>
         <select name="probleem" style="width:200px;" onchange="loadSub(this.value)">
          <option value=""></option>
<?php
 for($i = 0; $i < $rows; $i++)
 {
  $probleem = mysql_fetch_object($query);
?>
          <option value="<?php echo"$probleem->probleem"?>"><?php echo"$probleem->probleem";?></option>
<?php
 }
?>
         </select>
        </td>
       </form>
      </tr>
      <tr>
     <div id="subDiv" align="center">
     </div>
    </div>
   </div>
  </div>
 </body>
</html>