Javascript + PHP -填充select based选项，但从数据库获取结果

<select id="mySelect"></select>

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

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

// 设置请求完成后的回调函数
xhr.onload = function() {
  if (xhr.status === 200) {
    // 获取从后端返回的数据
    var data = JSON.parse(xhr.responseText);

    // 获取select元素
    var select = document.getElementById('mySelect');

    // 遍历数据并创建option元素，将其添加到select中
    for (var i = 0; i < data.length; i++) {
      var option = document.createElement('option');
      option.text = data[i].name;
      option.value = data[i].id;
      select.appendChild(option);
    }
  }
};

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

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

// 检查连接是否成功
if ($conn->connect_error) {
  die('数据库连接失败：' . $conn->connect_error);
}

// 查询数据库中的数据
$sql = 'SELECT id, name FROM data';
$result = $conn->query($sql);

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

// 将结果以JSON格式返回给前端
header('Content-Type: application/json');
echo json_encode($data);

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