AJAX从表中获取数据库列并填充选择下拉列表-显示未定义的项

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

// 设置请求的URL
var url = 'http://example.com/getColumnData';

// 发送AJAX请求
xhr.open('GET', url, true);
xhr.send();

// 监听AJAX请求的状态变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      // 请求成功，解析返回的数据
      var data = JSON.parse(xhr.responseText);

      // 获取选择下拉列表的DOM元素
      var select = document.getElementById('selectList');

      // 清空选择下拉列表的选项
      select.innerHTML = '';

      // 添加默认选项
      var defaultOption = document.createElement('option');
      defaultOption.text = '请选择';
      select.add(defaultOption);

      // 填充选择下拉列表的选项
      for (var i = 0; i < data.length; i++) {
        var option = document.createElement('option');
        option.text = data[i];
        select.add(option);
      }
    } else {
      // 请求失败，处理错误
      console.error('AJAX request failed');
    }
  }
};