如何使用ajax填充Select选项？

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

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

// 发送Ajax请求
xhr.open('GET', 'data.json', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功，解析返回的数据
    var data = JSON.parse(xhr.responseText);
    
    // 获取Select元素
    var select = document.getElementById('mySelect');
    
    // 清空Select选项
    select.innerHTML = '';
    
    // 填充选项
    for (var i = 0; i < data.length; i++) {
      var option = document.createElement('option');
      option.value = data[i].value;
      option.text = data[i].text;
      select.appendChild(option);
    }
  }
};

xhr.send();