美好的一天
我正在尝试编写我的第一个AJAX脚本,我在以下帮助下完成了: w3schools.com
不幸的是,由于我目前的脚本不起作用,我无法进入下一章,而且我不能发现错误,任何帮助都会受到欢迎。
<script>
function showSport(str) {
if (str == "") {
document.getElementById("txtHint").innerHTML = "";
return;
} else {
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","getdata.php?q="+str,true);
xmlhttp.send();
}
}
</script>
<form>
<select name="users" onchange="showSport(this.value)">
<option value="">Select a Sport:</option>
<option value="Rugby">Rugby</option>
<option value="Cricket">Cricket</option>
<option value="Football">Football</option>
</select>
</form>
<br>
<div id="txtHint"><b>Sport info will be listed here...</b></div>
这是我的PHP文件getdata.php
<?php
include'connect.php';
$q = intval($_GET['q']);
$sql="SELECT * FROM events WHERE sport_type = '".$q."'";
$result=mysql_query($sql);
echo "<table>
<tr>
<th>Competition</th>
<th>Home Team</th>
<th>Away Team</th>
<th>Event Date</th>
</tr>";
while($row = mysqli_fetch_array($result)) {
echo "<tr>";
echo "<td>" . $row['competition'] . "</td>";
echo "<td>" . $row['team1'] . "</td>";
echo "<td>" . $row['team2'] . "</td>";
echo "<td>" . $row['event_date'] . "</td>";
echo "<td>" . $row['Job'] . "</td>";
echo "</tr>";
}
echo "</table>";
我的connect.php文件正在运行,因为我在所有其他脚本上使用它,并且我的数据库表事件填充了所有请求的数据。
当我运行脚本时,只显示表格标题,表格内没有任何信息,即我得到一张空白表格。
欢迎任何帮助
答案 0 :(得分:0)