Сделать окно поиска с автозаполнением
Я пытаюсь создать окно поиска с функцией автозаполнения Google / bing. Обыскав сайт, ближе всего я нашел вот это: Пользовательский ящик с автозаполнением от Google / Bing. Есть ли способ прочитать полученный файл JSON?
Скрипт на jsfiddle.net отлично работает, однако, когда я пытаюсь повторить код, он не работает.
Вот мой код:
<html>
<head>
<script>
$(function () {
$("#hulk").autocomplete({
source: function (request, response) {
console.log("source");
$.ajax({
url: "http://api.bing.com/osjson.aspx?Query=" + encodeURIComponent(request.term) + "&JsonType=callback&JsonCallback=?",
dataType: "jsonp",
/*data: {
"Query": request.term,
"JsonType": "callback",
"JsonCallback" : "?"},*/success: function (data) {
console.log("success!");
var suggestions = [];
$.each(data, function (i, val) {
console.log("suggestion: " + val);
suggestions.push(val);
});
response(suggestions);
}
});
}
});
});
</script>
</head>
<body>
<input type="text" id="hulk" />
</body>
</html>
Я не эксперт по кодированию (в основном использую php) и был бы признателен за любую помощь, чтобы сделать эту работу 🙂
Заранее спасибо!
Решение
Задача ещё не решена.
Другие решения
Других решений пока нет …