Uncaught TypeError: this.source n'est pas une fonction

Question

Je veux présenter tous les clients et les donner à la saisie semi-automatique chaque fois que nécessaire. J'ai cette erreur rattrapée. La recherche de groupe est globale dans l'application.

<script> 
 
    $(document).ready(function() { 
 
     var customers = $.ajax({ 
 
      url: "http://localhost:8081/customers/all", 
 
      type: 'GET', 
 
      dataType: 'json', 
 
      success: function (data) { 
 
       $.map(data, function (v, i) { 
 
        return { 
 
         number: v.number, 
 
         name : v.name, 
 
        }; 
 
       }); 
 
      } 
 
     }); 
 

 
     $("#customer-search").autocomplete({ 
 
      minLength: 0, 
 
      source: customers, 
 
      select: function(event, ui) { 
 
       $("#group-search").val(ui.item.name); 
 
       $("#group-search-form").submit(); 
 
       return false; 
 
      }, 
 
     }).autocomplete("instance")._renderItem = function(ul, item) { 
 
      return $("<li>") 
 
       .append("<div>" + item.name + " " + item.number + "</div>") 
 
       .appendTo(ul); 
 
     }; 
 

 

 

 

 

 
    }); 
 
</script>

Answer 1

Initialiser autocomplete après la demande ajax complète, comme ci-dessous:

Essayez ceci:

$(document).ready(function() { 
var customers = []; 
$.ajax({ 
    url: "http://localhost:8081/customers/all", 
    type: 'GET', 
    dataType: 'json', 
    success: function (data) { 
      $.map(data, function (v, i) { 
      return { 
       number: v.number, 
       name : v.name, 
      }; 
     }); 

     $("#customer-search").autocomplete({ 
      minLength: 0, 
      source: customers, 
      select: function(event, ui) { 
       $("#group-search").val(ui.item.name); 
       $("#group-search-form").submit(); 
       return false; 
      }, 
     }).autocomplete("instance")._renderItem = function(ul, item) { 
      return $("<li>") 
       .append("<div>" + item.name + " " + item.number + "</div>") 
       .appendTo(ul); 
     }; 
    } 
}); 



});