Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-autocomplete/1.0.7/jquery.auto-complete.min.js" type="text/javascript"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-autocomplete/1.0.7/jquery.auto-complete.min.css">
</head>
<body>
    <div id="searchContainer">
      <div>
        <input id="searchInput">
      </div>
    </div>
</body>
</html>
 
var googleSuggest = function(returnSearch){
  
  var term = $('#searchInput').val();
  var result = [];
  var service = {
    youtube: { client: 'youtube', ds: 'yt' },
    books: { client: 'books', ds: 'bo' },
    products: { client: 'products-cc', ds: 'sh' },
    news: { client: 'news-cc', ds: 'n' },
    images: { client: 'img', ds: 'i' },
    web: { client: 'hp', ds: '' },
    recipes: { client: 'hp', ds: 'r' }
  };
  
  $.ajax({
    url: 'https://clients1.google.com/complete/search',
    dataType: 'jsonp', 
    data: {
      q: term,
      nolabels: 't',
      client: service.web.client,
      ds: service.web.ds
    } 
  }).done(function(data) {
      
      result.pop()
     
      $.each(data[1], function(item, value) {
        
        var stripedValue = value[0].replace(/<[^>]+>/g, '');
           result.push(stripedValue); 
      })
      
      console.log(result)
    })
  
  returnSearch = ['ActionScript', 'AppleScript', 'Asp']
  
  return returnSearch
};
$(function() {
  $('#searchInput').autoComplete({
    minChars: 1,
    source: function(term, suggest){
      term = term.toLowerCase();
      var choices = googleSuggest()
      var suggestions = [];
      for (i=0;i<choices.length;i++)
        if (~choices[i].toLowerCase().indexOf(term)) suggestions.push(choices[i]);
      suggest(suggestions);
    }
  });
  
})
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers