ajax 模糊查询数据库

AJAX（Asynchronous JavaScript and XML）即异步JavaScript和XML，是一种在不重新加载整个网页的情况下更新部分网页内容的技术。在Web开发中，经常需要从数据库中查询数据，并返回给用户相应的结果。在本文中，我们将介绍如何使用AJAX技术实现模糊查询数据库，并展示一些示例。

假设我们有一个名为“products”的数据库表，其中包含产品的名称和价格。现在我们想要根据用户输入的关键字来查找数据库中的产品，并将结果实时显示给用户。通过AJAX技术，我们可以实现在用户输入时自动更新查询结果，而无需刷新整个页面。

input type="text" id="keyword" onkeyup="search()">
    div id="result">
    /div>
    script type="text/javascript">
function search() {
    var keyword = document.getElementById("keyword").value;
    var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 &
    &
 this.status == 200) {
    document.getElementById("result").innerHTML = this.responseText;
}
}
    ;
    xmlhttp.open("GET", "search.php?keyword=" + keyword, true);
    xmlhttp.send();
}
    /script>
    

在上面的代码中，我们首先在页面上创建一个输入框，用于用户输入查询关键字。然后，我们使用JavaScript的onkeyup事件来触发search()函数。在search()函数中，我们通过getElementById()方法获取用户输入的关键字，并将其赋值给变量keyword。接下来，我们使用XMLHttpRequest对象创建一个HTTP请求，并通过GET方法将关键字作为参数传递给服务器端的search.php文件。

?php$keyword = $_GET["keyword"];
    // 连接到数据库$conn = new mysqli("localhost", "username", "password", "database");
    // 查询数据库$sql = "SELECT * FROM products WHERE name LIKE '%' . $keyword . '%'";
    $result = $conn->
    query($sql);
    // 显示查询结果if ($result->
    num_rows >
0) {
    while ($row = $result->
fetch_assoc()) {
    echo "p>
    产品名称：" . $row["name"] . " 价格：" . $row["price"] . "/p>
    ";
}
}
 else {
    echo "没有找到匹配的产品。";
}
    // 关闭数据库连接$conn->
    close();
    ?>
    

在search.php文件中，我们首先获取前端传递的关键字。然后，使用mysqli库连接到数据库，并执行一个模糊查询操作，以查找与关键字匹配的产品。如果查询结果不为空，我们使用fetch_assoc()方法遍历结果集，并将结果以指定的格式输出到前端页面。如果查询结果为空，我们输出一条相应的提示信息。

通过以上代码，我们实现了一个简单的AJAX模糊查询数据库的功能。用户只需在输入框中输入关键字，就能实时查询数据库，并将结果动态地显示在页面上。这种交互性和实时性的体验将极大地提高用户体验，使用户能更方便地找到所需的信息。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！