Пример пользовательского интерфейса jQuery
пример автозаполнения удаленного источника данных JSONP не работает, поскольку веб-служба geonames.org изменилась с момента написания этого примера.
Выполните запрос GET на http://ws.geonames.org/searchJSON, и вы получите json, содержащий следующее сообщение:
Пожалуйста, добавляйте имя пользователя к каждому вызову, чтобы геоназвания могли идентифицировать вызывающее приложение и подсчитывать использование кредитов.
Когда этот пример был написан, анонимные вызовы, вероятно, были приняты, что уже не так.
Автозаполнение: удаленный источник + категории
Просто объедините 2 примера пользовательского интерфейса jquery:
// 1. Extends the jquery ui autocomplete widget to manage categories
$.widget("custom.catAutocomplete", $.ui.autocomplete, {
_renderMenu: function(ul, items) { ... }
}
// 2. Then initialize your widget using a remote
// data source and define each item category
$(...).catAutocomplete({
source: function(request, response) {
$.ajax({
url: '...',
success: function(data) {
response($.map(data.data, function(item) {
return {
value: item.value,
label: item.label,
category: item.category
}
}));
}
}
}
});
Я написал этот jsFiddle в качестве примера. Он извлекает репозитории Github запрошенного пользователя и перечисляет их, сгруппированные по количеству форков.
person
rd3n
schedule
24.04.2014