ajax智能提示功能—ajax确认提示框：示例代码

1、Ajax智能提示功能是一种在网页中输入文本时，自动根据已有数据进行提示的功能。它通过与服务器进行异步通信，实时获取数据并在输入框下方显示相关的提示内容，帮助用户快速选择或补全输入内容。

示例代码如下所示：

// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 监听输入框的键盘事件
input.addEventListener('keyup', function() {
  // 获取输入框的值
  var query = input.value;
  // 设置请求的URL，将输入框的值作为参数传递给服务器
  var url = 'http://example.com/suggestions?query=' + query;
  // 发送Ajax请求
  xhr.open('GET', url, true);
  xhr.send();
  // 监听Ajax请求的响应
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 解析服务器返回的数据
      var suggestions = JSON.parse(xhr.responseText);
      // 清空之前的提示内容
      suggestionList.innerHTML = '';
      // 将服务器返回的提示内容添加到页面中
      suggestions.forEach(function(suggestion) {
        var li = document.createElement('li');
        li.textContent = suggestion;
        suggestionList.appendChild(li);
      });
    }
  };
});

在上述示例代码中，我们首先创建了一个XMLHttpRequest对象，用于发送Ajax请求。然后，我们监听输入框的键盘事件，当用户输入内容时，触发keyup事件。在事件处理函数中，我们获取输入框的值，并将其作为参数拼接到请求的URL中。然后，我们通过open方法设置请求的URL和请求方式，并通过send方法发送Ajax请求。

我们还监听了Ajax请求的响应，当响应状态为4（完成）且响应状态码为200（成功）时，说明服务器返回了数据。我们通过解析服务器返回的数据，将提示内容添加到页面中的一个列表中，以实现智能提示的功能。