Javascript 如何使用获取结果状态栏打开Jquery自动完成

我正在使用JqueryUI自动完成。有时结果的获取不是即时的，所以我想通知用户autocomplete正在获取与他的查询匹配的选项

我的代码：

$( "#searchid" ).autocomplete({
    source: "/autocomplete_url.php", 
    minLength:3,        
    select: function(event, ui) { 
           event.preventDefault();
           $("#searchid").val(ui.item.value);
           $("#formid").submit(); 
        }
});

---

当向正在查找结果的web服务发送请求时，如何使autocomplete在打开“获取结果状态栏”时自动完成？

这种方法假设您正在使用Ajax调用检索数据集，但我使用了类似的方法，效果良好

在需要消息的页面上设置一个

div

HTML:

然后，您的自动完成可以如下所示：

$( "#searchid" ).autocomplete({
  source: function( request, response ) {
    $.ajax({
      url: "/autocomplete_url.php",
      dataType: "json",
      data: {
        style: "full",
        maxRows: 12,
        name_startsWith: request.term
      },
      success: function( data ) {
        $("#AutocompleteStatus").hide();  // <== HIDE IT HERE
        response( $.map( data.returndata, function( item ) {
          return {
            label: item.name,
            value: item.value
          }
        }));
      }
    });
  },    minLength:3,        
  select: function(event, ui) { 
       event.preventDefault();
       $("#searchid").val(ui.item.value);
       $("#formid").submit(); 
    }
});

$（“#searchid”）.autocomplete({
来源：功能（请求、响应）{
$.ajax({
url:“/autocomplete\u url.php”，
数据类型：“json”，
数据：{
样式：“完整”，
马克斯罗：12，
name_startsWith:request.term
},
成功：功能（数据）{
$（“#AutocompleteStatus”）.hide（）；//一种方法是捕获
#searchid
上的
键控事件，并显示您的状态div。当autocomplete返回结果时，再次隐藏它。
$( "#searchid" ).keyup(function() {
    $('#AutocompleteStatus').show();
});

$( "#searchid" ).autocomplete({
  source: function( request, response ) {
    $.ajax({
      url: "/autocomplete_url.php",
      dataType: "json",
      data: {
        style: "full",
        maxRows: 12,
        name_startsWith: request.term
      },
      success: function( data ) {
        $("#AutocompleteStatus").hide();  // <== HIDE IT HERE
        response( $.map( data.returndata, function( item ) {
          return {
            label: item.name,
            value: item.value
          }
        }));
      }
    });
  },    minLength:3,        
  select: function(event, ui) { 
       event.preventDefault();
       $("#searchid").val(ui.item.value);
       $("#formid").submit(); 
    }
});