JQUERY UI Autocomplete with JSON

by bryiantan

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

$( "#autocomplete" ).autocomplete({
    source: function( request, callback ) {
        $.post( "/echo/json/", {
            json: JSON.stringify(['foo','bar','baz','shim','sham','ồm ma']),
            delay: 0
        }, function(data) {
            callback( data );
            toastr.success(JSON.stringify(data));
        }, "JSON" );
    }
});