使用JavaScript实现实时搜索建议功能

<input type="text" id="searchInput" placeholder="搜索...">  
<ul id="searchSuggestions"></ul>

const inputElement = document.getElementById('searchInput');  
inputElement.addEventListener('input', handleInput);

function handleInput() {  
  const inputValue = inputElement.value;  
  fetch(`/search?query=${encodeURIComponent(inputValue)}`)  
    .then(response => response.json())  
    .then(data => {  
      // 处理搜索结果数据...  
    });  
}

function handleInput() {  
  const inputValue = inputElement.value;  
  fetch(`/search?query=${encodeURIComponent(inputValue)}`)  
    .then(response => response.json())  
    .then(data => {  
      const suggestionsList = document.getElementById('searchSuggestions');  
      suggestionsList.innerHTML = ''; // 清空列表  
      data.forEach(result => {  
        const suggestionItem = document.createElement('li');  
        suggestionItem.textContent = result; // 这里假设每个结果就是一个字符串，直接显示即可。实际情况中，可能需要处理更复杂的数据格式。  
        suggestionsList.appendChild(suggestionItem);  
      });  
    });  
}