Ajax响应在10%的时间内不起作用

时间:2011-07-04 09:31:29

标签: javascript ajax events onchange

我的问题是,几乎90%的时间都能正常工作,但它不起作用10%。我一无所获。它使用带有onChange事件的下拉框。

<script type="text/javascript">
function showCourse(str)
{
    if (str=="")
    {
        document.getElementById("txtHint").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)
        {                  
            document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
        }
    }

    xmlhttp.open("GET","getcourse.php?q="+str,true);
    xmlhttp.send();
}
</script>



      <div>
        <label for="department">Department</label>

        <select name="departments" onchange="showCourse(this.value)">
            <option>Select a department:</option>
            <?php
            for ($i = 0; $i < sizeof($mySchool->departments); $i++) {

                echo "<option value=\"" . $mySchool->departments[$i]->id . "\">" .                      $mySchool->departments[$i]->title . "</option>\n  ";
            }
            ?>
        </select>
        <span id="departInfo">Choose from the following.</span>

    </div>
    <div id="txtHint"></div>

然后最后这里是ajax在getcourse.php中调用的内容

 <?php
 require_once('auth.php');

 $q = $_GET["q"];

 $sql = "SELECT * FROM courses WHERE department_id = '" . $q . "'";

 $result = mysql_query($sql);

 echo "<table border='1' width='600'>
 <tr>
 <th>Link</th>
 <th>Section</th>
 <th>Name</th>
 <th>Map ID: </th>
 </tr>";


 while ($row = mysql_fetch_array($result)) {

     echo "<tr>";
     echo "<td>" . $row['link'] . "</td>";
     echo "<td>" . $row['section'] . "</td>";
     echo "<td>" . $row['name'] . "</td>";
     echo "<td>" . $row['map'] . "</td>";
     echo "</tr>";

    }
    echo "</table>";
  ?>

1 个答案:

答案 0 :(得分:5)

MISE的新版本(8+,我认为)是缓存 AJAX响应。奇怪但真实。你不能通过设置 no-cache 或类似的标题来欺骗MSIE,MSIE更清楚哪些情况应该是缓存的AJAX响应(MS的人认为:总是) - 所以最好的办法是使用唯一的URL ,说:

xmlhttp.open("GET","getcourse.php?q=" + str + "&rnd=" + (+new Date()),true);

(个人提示:我的Linux上安装了Firefox,Chrome,Opera,MSIE6(!),并且我已经使用所有这些浏览器测试了我的应用程序 - 你可以想象,这是一个惊喜用户说,它在他的机器上不起作用,初始屏幕出现但没有显示进一步的变化。我不得不从我的一个朋友那里借用Windows笔记本。)