javascript - 使用Ajax从数据库中获取数据

我基本上正在寻找的是一种使用ajax从db引入数据的方法。

每次有人输入mouseover类别名称时，我希望该类别的数据在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循环不执行任何操作。

一个。查询区分大小写。 $ q可能将类别提供为“三星”，但在数据库中将其存储为“三星”，反之亦然。通过将sql中的比较转换为大写或小写来解决问题。
b。检查数据库中是否已经存在$ q值。通过添加或删除网页或数据库中类别列表中的项目来解决此问题。

这与问题无关-表头与数据库中的列不匹配。