我基本上正在寻找的是一种使用ajax
从数据库获取数据的方法。
每次人们将鼠标悬停
类别名称时,我希望该类别的数据弹出到 div 中。
由于某种原因,while 循环没有执行任何操作。
这是我第一次使用ajax,而且我对php
也不是那么专业。
function showCat(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","getcat.php?q="+str,true);
xmlhttp.send();
}
}
<?php
$q = intval($_GET['q']);
$con = mysqli_connect('localhost','ipattcoi','6#uP!AR3G_','patt_db');
if (!$con) {
die('Could not connect: ' . mysqli_error($con));
}
mysqli_select_db($con,"patt_db");
$sql="SELECT * FROM products WHERE category = '".$q."'";
$result = mysqli_query($con,$sql);
echo "<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
<th>Hometown</th>
<th>Job</th>
</tr>";
while($row = mysqli_fetch_array($result))
{
echo "<tr>";
echo "<td>" . $row['product_id'] . "</td>";
echo "<td>" . $row['product_name'] . "</td>";
echo "<td>" . $row['product_pic'] . "</td>";
echo "<td>" . $row['category'] . "</td>";
echo "</tr>";
}
echo "</table>";
mysqli_close($con);
?>
最佳答案
我假设“txtHint”是您希望通过 AJAX 请求显示类别详细信息的 div。
确保您的 select 语句检索该类别的值。如果不存在记录,则 while 循环不执行任何操作。
a.查询区分大小写。 $q 可能提供“Samsung”类别,但在您的数据库中它存储为“samsung”,反之亦然。通过将sql中的比较转换为大写或小写来修复问题。 b.检查 $q 值是否已存在于数据库中。通过在网页或数据库的类别列表中添加或删除项目来解决此问题。
这与问题无关 - 表标题与数据库中的列不匹配。
关于javascript - 使用Ajax从数据库中获取数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34974727/