jquery autocomplete с ajax и множество категории не работят

Опитвам се да направя jquery autocomplete http://jqueryui.com/autocomplete/#remote-jsonp с отдалечения json, както и categories http://jqueryui.com/autocomplete/#categories .

Отдалеченият json не работи в примера на jquery. Получавам центрофугата за зареждане за неопределено време. Нещо не е наред ли ?

Как да комбинираме отдалечения json с категорията? Опитах да го направя, но не успях. Примерът сам по себе си не работи.


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


Отговори (1)


Пример за потребителски интерфейс на jQuery

Примерът за автоматично довършване на отдалечен JSONP източник на данни не работи, със сигурност защото уеб услугата geonames.org се е променила след написването на този пример.

Извършете GET заявка до http://ws.geonames.org/searchJSON и ще получите json, съдържащ следното съобщение:

Моля, добавете потребителско име към всяко обаждане, за да могат geonames да идентифицират приложението за повикване и да отчитат използването на кредити.

Когато този пример е написан, анонимното обаждане вероятно е било прието, което вече не е така.

Автоматично довършване: отдалечен източник + категории

Просто комбинирайте 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