Googleの提案を表示できるスクリプトがあります。
$(document).ready(function() {
$("input#searchbox").autocomplete({
source: function(request, response) {
$.ajax({
url: 'http://query.yahooapis.com/v1/public/yql',
dataType: 'JSONP',
data: {
format: 'json',
q: 'select * from xml where url="http://google.com/complete/search?hl=nl&output=toolbar&q=' + encodeURIComponent(request.term) + '"'
},
success: function(data) {
if (typeof data == 'string') data = $.parseJSON(data);
response($.map(data.query.results.toplevel.CompleteSuggestion, function(item) {
return { label: item.suggestion.data, value: item.suggestion.data };
}));
}
});
}
});
});
これがフィドルです:JsFiddle
問題は、遅くなるように応答しているyahoo APiに電話をかけなければならないことですが、まったく応答しないこともあります。それで、yahoo呼び出しなしで提案をする方法はありますか?