Tự động hoàn tất API tìm kiếm tùy chỉnh của Google?

Question

Chúng tôi đang sử dụng API tìm kiếm tùy chỉnh của Google (API phía máy chủ trả tiền) để cấp nguồn cho kết quả tìm kiếm của chúng tôi.

Tôi muốn thêm tính năng tự động hoàn thành vào tìm kiếm - tuy nhiên, có ai biết nếu có hỗ trợ cho điều này (thông qua API phía máy chủ hoặc thông qua một số loại JSONP phía máy khách không?)

Tôi đã thử sử dụng tính năng tự động hoàn tất cho tìm kiếm Tùy chỉnh của Google, nhưng điều này dường như muốn vẽ hộp tìm kiếm và hiển thị quảng cáo google với kết quả mà tôi không muốn.

Answer 1

Got một cái gì đó làm việc này như thế này - hy vọng điều này sẽ giúp người khác :)

$(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

Tại thời điểm viết (tháng năm 2013), có một cách khá dễ dàng nhận autocompletion trong khi vẫn nhận được kết quả như XML:

• Sử dụng Điều khiển phần tử tìm kiếm tùy chỉnh của Google (https://developers.google.com/custom-search/docs/element).
• Chỉ cần sử dụng điều khiển Thanh tìm kiếm, mà bạn có thể tạo kiểu theo ý muốn.

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

• Các "lừa" là bạn có thể chỉ định "resultsUrl" có nghĩa là bạn có thể trực tiếp kết quả tìm kiếm thực tế để một trang web mà bạn tạo ra qua API XML, mà không cần phải thực hiện việc tìm kiếm hộp UX mình.