如何告诉ajax从列表中选择单击的项

<ul>
  <li id="item1">Item 1</li>
  <li id="item2">Item 2</li>
  <li id="item3">Item 3</li>
</ul>

var listItems = document.getElementsByTagName('li');
for (var i = 0; i < listItems.length; i++) {
  listItems[i].addEventListener('click', handleClick);
}

function handleClick(event) {
  var selectedItem = event.target.id; // 获取被点击项的标识符
  // 使用 AJAX 发送请求，获取所选项的数据
  var xhr = new XMLHttpRequest();
  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);
      }
    }
  };
  xhr.open('GET', '/api/data?item=' + selectedItem, true);
  xhr.send();
}