如何在ajax成功后在文本框中显示多个自动补全值

在使用Ajax进行异步请求后，在文本框中显示多个自动补全值的方法如下：

首先，确保你已经引入了jQuery或其他相应的JavaScript库，以便使用其提供的Ajax函数和相关方法。
在文本框中监听键盘输入事件（如keyup事件），当用户输入内容时触发。
在事件处理函数中，获取用户输入的值，并使用Ajax发送异步请求到服务器。可以使用jQuery的$.ajax()函数或$.get()函数来发送GET请求。
在Ajax请求的成功回调函数中，处理服务器返回的数据。可以使用JSON格式来返回多个自动补全值。
将返回的自动补全值填充到文本框下方的一个列表中，并显示给用户。可以使用jQuery的append()函数来添加新的列表项。

以下是一个简单的示例代码：

$(document).ready(function() {
  $('#myInput').keyup(function() {
    var userInput = $(this).val();
    
    $.ajax({
      url: 'autocomplete.php', // 服务器端处理自动补全请求的URL
      method: 'GET',
      data: { input: userInput }, // 发送用户输入的值到服务器
      dataType: 'json',
      success: function(data) {
        $('#autocompleteList').empty(); // 清空自动补全列表
        
        // 将返回的自动补全值添加到列表中
        $.each(data, function(index, value) {
          $('#autocompleteList').append('<li>' + value + '</li>');
        });
      }
    });
  });
});

在上述代码中，假设文本框的id为"myInput"，自动补全列表的id为"autocompleteList"。服务器端的脚本接收到用户输入的值，从数据库或其他数据源中查询相应的自动补全值，并以JSON格式返回给前端。

这只是一个简单的示例，实际的实现可能会更复杂，包括输入验证、结果过滤等。具体的实现方式可以根据项目的需求和具体情况进行调整。

推荐的腾讯云相关产品：无（注：根据要求，本答案不涉及云计算品牌商的信息）