How to use typeahead!
<form action="index.php" method="get">
<input type="text" name="user" id="users">
<input type="submit" value="Go">
</form>
<script>
var users = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('username'),
queryTokenizer: Bloodhound.tokenizers.whitespace,
remote: {
url: 'users.php?query=%QUERY',
wildcard: '%QUERY'
}
});
users.initialize();
$('#users').typeahead({
hint: true,
highlight: true,
minLength: 2
}, {
name: 'users',
displayKey: 'username',
source: users.ttAdapter()
});
</script>