ajax查询mysql数据库

基础概念

AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使网页应用能够快速地更新内容。

MySQL是一种关系型数据库管理系统，它使用结构化查询语言（SQL）进行数据库管理。MySQL因其性能高、成本低、可靠性好而被广泛应用于各种规模的应用系统中。

类型

GET请求：用于请求数据，数据附加在URL后面。
POST请求：用于提交数据，数据放在HTTP请求的消息体中。

应用场景

动态网页内容更新，如新闻发布、股票行情等。
表单验证，用户输入时即时检查。
搜索引擎结果页的即时显示。
任何需要后台处理而不刷新整个页面的场景。

实现方式

在JavaScript中使用AJAX查询MySQL数据库通常涉及以下步骤：

创建XMLHttpRequest对象。
使用open()方法设置请求类型（GET或POST）、URL以及是否异步。
设置onreadystatechange事件处理函数，监听请求状态的变化。
使用send()方法发送请求。

以下是一个简单的AJAX查询MySQL数据库的示例代码：

// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();

// 设置请求类型和URL
xhr.open('GET', 'query.php?q=keyword', true);

// 设置响应类型
xhr.responseType = 'json';

// 监听请求状态变化
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        // 请求成功，处理返回的数据
        console.log(xhr.response);
    }
};

// 发送请求
xhr.send();

在服务器端，query.php文件负责连接MySQL数据库并执行查询：

<?php
// 连接MySQL数据库
$conn = new mysqli('localhost', 'username', 'password', 'database');

// 检查连接
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

// 获取查询参数
$query = $_GET['q'];

// 执行SQL查询
$sql = "SELECT * FROM table WHERE column LIKE '%$query%'";
$result = $conn->query($sql);

// 将结果转换为JSON格式
$data = array();
while ($row = $result->fetch_assoc()) {
    $data[] = $row;
}
echo json_encode($data);

// 关闭连接
$conn->close();
?>