我的问题是,几乎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>";
?>
答案 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笔记本。)