JQUERY UI Autocomplete with JSON
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.css">
<div class='wrapper'>
<input id="autocomplete">
</div>
JavaScript
$.get( "http://18.233.155.227/api/sites/5b294f9467c0d0489028b276/collections/5b98d5cd98f5e27ebbf4b4a6/items/5b98d7482d9a6341e08f7a8d", function( data ) {
$( "#autocomplete" ).autocomplete({
source: function( request, callback ) {
$.post( "/echo/json/", {
json: JSON.stringify(['foo','bar','baz','shim','sham']),
delay: 0
}, function(data) {
callback( data );
toastr.success(JSON.stringify(data));
}, "JSON" );
}
});
});