Funkcja autouzupełniania interfejsu API wyszukiwarki niestandardowej Google?

Question

Korzystamy z niestandardowego API wyszukiwania google (płatnego interfejsu API po stronie serwera), aby zasilać nasze wyniki wyszukiwania.

Chciałbym dodać funkcję autouzupełniania do wyszukiwania - jednak nie każdy wie, jeśli nie ma wsparcia dla tego (? Albo za pośrednictwem interfejsu API po stronie serwera, lub za pośrednictwem jakiejś stronie klienta jsonp)

Próbowałem użyć funkcji autouzupełniania do wyszukiwania niestandardowego Google, ale wydaje się, że chcesz narysować pole wyszukiwania i wyświetlić reklamy Google z wynikami, których nie chcę.

Answer 1

Got to coś działa tak - mam nadzieję, że to pomoże ktoś inny :)

$(function() { 
    $('input.search') 
    .focus(function() { this.select(); }) 
    .mouseup(function (e) { e.preventDefault(); }) 
    .autocomplete({ 
     position: { 
     my: "left top", 
     at: "left bottom", 
     offset: "0, 5", 
     collision: "none" 
     }, 
     source: function (request, response) { 
     $.ajax({ 
      url: "http://clients1.google.com/complete/search?q=" + request.term + "&hl=en&client=partner&source=gcsc&partnerid={GOOGLESEARCHID}&ds=cse&nocache=" + Math.random().toString(), 
      dataType: "jsonp", 
      success: function (data) { 
      response($.map(data[1], function (item) { 
       return { 
       label: item[0], 
       value: item[0] 
       }; 
      })); 
      } 
     }); 
     }, 
     autoFill: true, 
     minChars: 0, 
     select: function (event, ui) { 
     $(this).closest('input').val(ui.item.value); 
     $(this).closest('form').trigger('submit'); 
     } 
    }); 
}); 

Answer 2

W czasie pisania (czerwiec 2013), jest nieco łatwiejszy sposób na uzyskanie autouzupełnianie, a jednocześnie coraz wyniki jako XML:

• Skorzystaj z Google Custom Element Control (https://developers.google.com/custom-search/docs/element).
• Wystarczy użyć paska wyszukiwania, który można dowolnie ustawić.

<gcse:searchbox-only enableAutoComplete="true" resultsUrl="#"></gcse:searchbox-only>

• z „Trick” jest to, że można określić „resultsUrl”, co oznacza, że ​​można kierować rzeczywiste wyniki wyszukiwania do strony wygenerować za pośrednictwem interfejsu API XML, bez konieczności wdrażania wyszukiwanie Box UX samodzielnie.