Сделать окно поиска с автозаполнением

Я пытаюсь создать окно поиска с функцией автозаполнения 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) и был бы признателен за любую помощь, чтобы сделать эту работу 🙂

Заранее спасибо!

0

Решение

Задача ещё не решена.

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector