如何仅显示最后一个ajax请求结果

// 创建一个变量来存储最后一个 AJAX 请求的结果
var lastAjaxResult = null;
// 创建一个变量来存储上一次 AJAX 请求的 XHR 对象
var lastXhr = null;

// 绑定事件监听器，以便在用户输入时发起 AJAX 请求
$('#input').on('input', function() {
  // 取消之前的未完成的请求
  if (lastXhr && lastXhr.readyState !== 4) {
    lastXhr.abort();
  }
  
  // 发起 AJAX 请求，并传递用户输入的参数
  var userInput = $(this).val();
  lastXhr = $.ajax({
    url: '/api',
    method: 'GET',
    data: { input: userInput },
    success: function(response) {
      // 将返回的结果存储到变量中，并更新页面显示
      lastAjaxResult = response;
      $('#result').text(response);
    },
    error: function(xhr, status, error) {
      // 处理错误情况，并更新页面显示错误信息
      $('#result').text('Error: ' + error);
    }
  });
});

// 页面加载完成后，初始化页面显示
$(document).ready(function() {
  if (lastAjaxResult) {
    $('#result').text(lastAjaxResult);
  }
});