Twitter Typeahead Affichage des suggestions

Question

Bonjour J'essaye de faire une recherche sur une base de données et de fournir des autosuggestions pendant que l'utilisateur tape en utilisant typeahead. Les données sont renvoyées au cours de la saisie par l'utilisateur, mais les autosuggestions ne sont pas affichées dans le champ de saisie.

$(window).load(function(){ 
 
// Instantiate the Bloodhound suggestion engine 
 
var employees = new Bloodhound({ 
 
    datumTokenizer: function (datum) { 
 
     return Bloodhound.tokenizers.whitespace(datum.value); 
 
    }, 
 
    queryTokenizer: Bloodhound.tokenizers.whitespace, 
 
    remote: { 
 
     url: 'https://www.example.com/prs/emp.php?query=%QUERY', 
 
     wildcard: '%QUERY', 
 
     filter: function (employees) { 
 
      return $.map(employees.results, function (employee) { 
 
       return { 
 
        label: employee.label, 
 
        value: employee.value 
 
       }; 
 
      }); 
 
     } 
 
    } 
 
}); 
 

 
// Initialize the Bloodhound suggestion engine 
 
employees.initialize(); 
 
// Instantiate the Typeahead UI 
 
$('.typeahead').typeahead(null, { 
 
    displayKey: 'value', 
 
    source: employees.ttAdapter(), 
 
    templates: { 
 
     suggestion: function(data){ 
 
     return '<p>Name: <strong>' + employee.label + '</strong> | ID: ' + employee.value + '</p>';} 
 

 
} 
 
});

<input type="text" autocomplete="off" spellcheck="false" class="typeahead employeeName form-control" name="employeeName" style="margin:0px auto;overflow:visible;" id="employeeName" placeholder="Employee Name">

Je reçois la réponse suivante à partir du fichier php [{"label":"Austin, Pickering","value":"155"}]

Je ne sais pas pourquoi il ne sera pas afficher les données. J'ai passé des heures à essayer de comprendre. Toute aide avec ceci serait très appréciée.

Answer 1

Quand je courais votre code dans le Snippet, il a signalé quelque chose que vous devriez prendre en considération: Erreur: { "message": "Uncaught SyntaxError: fin inattendue d'entrée", "nom de fichier": "https://stacksnippets.net/js", "lineno": 45, "colno": 3}

J'ai essayé l'exécution de votre code sur Eclipse:

Exception dans le thread "principal" java.lang.Error: problèmes de compilation non résolues: fenêtre ne peut pas être résolu en une variable Erreur de syntaxe, insérer ")" pour compléter Expression Erreur de syntaxe, insérer ";" pour compléter BlockStatements Erreur de syntaxe, insérer "}" pour compléter MethodBody

at --------(Test.java:6)