Автозаполнение jquery с ajax и несколькими категориями не работает


person maan81    schedule 24.04.2014    source источник


Ответы (1)


Пример пользовательского интерфейса 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
comment
Спасибо. Пример помог. - person maan81; 25.04.2014