如何将PHP SQL查询数据插入Javascript

<?php
// 连接数据库
$servername = "数据库服务器地址";
$username = "数据库用户名";
$password = "数据库密码";
$dbname = "数据库名";

$conn = new mysqli($servername, $username, $password, $dbname);

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

// 执行SQL查询语句
$sql = "SELECT * FROM 表名";
$result = $conn->query($sql);

// 将查询结果转换为关联数组
$data = array();
if ($result->num_rows > 0) {
    while ($row = $result->fetch_assoc()) {
        $data[] = $row;
    }
}

// 将查询结果转换为JSON格式的字符串
$jsonData = json_encode($data);

// 设置响应头部为"Content-Type: application/json"
header('Content-Type: application/json');

// 返回JSON格式的查询结果
echo $jsonData;

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

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

// 设置请求方法和URL
xhr.open('GET', 'query.php', true);

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

// 监听请求状态变化
xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
        if (xhr.status === 200) {
            // 请求成功，解析响应数据
            var response = JSON.parse(xhr.responseText);
            
            // 在控制台打印查询结果
            console.log(response);
            
            // 可以在这里进行进一步的处理和展示
        } else {
            // 请求失败，打印错误信息
            console.error('请求失败：' + xhr.status);
        }
    }
};