如何在选框中显示mysql数据？

<?php
// 连接到MySQL数据库
$conn = mysqli_connect("数据库主机", "用户名", "密码", "数据库名");

// 查询需要显示的数据
$query = "SELECT id, name FROM table_name";
$result = mysqli_query($conn, $query);

// 将查询结果转换为关联数组
$data = array();
while ($row = mysqli_fetch_assoc($result)) {
    $data[] = $row;
}

// 返回数据给前端
echo json_encode($data);

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

// 使用AJAX请求后端获取数据
var xhr = new XMLHttpRequest();
xhr.open("GET", "获取数据的PHP文件路径", true);
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var data = JSON.parse(xhr.responseText);

        // 获取选框元素
        var selectBox = document.getElementById("selectBox");

        // 遍历数据，创建选项并添加到选框中
        data.forEach(function(item) {
            var option = document.createElement("option");
            option.value = item.id;
            option.text = item.name;
            selectBox.appendChild(option);
        });
    }
};
xhr.send();