CJ - Clearbit Auto-complete API

https://clearbit.com/docs?shell#autocomplete-api

by Paulo Ávila

HTML

Company Name: <input placeholder="Start typing a name...">

<ol id=typeahead>

</ol>

JavaScript

var $input = $('input');
var $typeahead = $('#typeahead');

var $typeaheadOption = $('<li></li>')

var req = {};
var url = 'https://autocomplete.clearbit.com/v1/companies/suggest?query=';

$input.on('keyup', function () {
  $typeahead.html('');
  if ($(this).val().length >= 3) {
    var val = $(this).val();

		//$typeaheadOption.clone().html($(this).val()).appendTo($typeahead);

		//
    try {req.abort();}
		catch(err) {}
    req = $.getJSON(url+val, function (data) {

      var items = [];
      $.each( data, function(key, val) {
        items.push( "<li id='" + key + "'><img width=50 src="+val.logo+">" + val.name + " (<code>" + val.domain + "</code>)</li>" );
      });

			$typeahead.html(items.join(''));

    });
  }
});

//https://autocomplete.clearbit.com/v1/companies/suggest?query=letg